multiChanges: feat: changeSet comp preserve previous values

- feat: sql query gui mode preserve previous values
- fix(table): fix Datetime columns's baseValue
- fix: table dateTime edit invalid value
- fix(table): fix changeablePageSize exposing problem

Author: ggbond2077

client/packages/openblocks-sdk/index.d.ts

@@ -13,6 +13,9 @@ interface EventHandlerMap<O = any> {
 
 export interface AppViewInstanceOptions<I = any> {
   moduleInputs?: I;
+  appDsl?: any;
+  moduleDslMap?: any;
+  baseUrl?: string;
 }
 
 export interface OpenblocksAppViewProps<I, O> extends AppViewInstanceOptions<I> {
@@ -25,7 +28,7 @@ export interface OpenblocksAppViewProps<I, O> extends AppViewInstanceOptions<I>
 export interface AppViewInstance<I, O> {
   on<K extends keyof EventHandlerMap<O>>(event: K, handler?: EventHandlerMap<O>[K]): Off;
   setModuleInputs(inputs: I): void;
-  invokeMethod(methodName: string): void;
+  invokeMethod(methodName: string, params?: any[]): void;
 }
 
 export declare const OpenblocksAppView: React.ForwardRefExoticComponent<

client/packages/openblocks-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openblocks-sdk",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "type": "module",
   "files": [
     "src",

client/packages/openblocks/src/comps/comps/iframeComp.tsx

@@ -61,7 +61,7 @@ let IFrameCompBase = new UICompBuilder(
   .setPropertyViewFn((children) => (
     <>
       <Section name={sectionNames.basic}>
-        {children.url.propertyView({ label: "URL", placeholder: "https://xxx.com" })}
+        {children.url.propertyView({ label: "URL", placeholder: "https://example.com" })}
       </Section>
 
       <Section name={sectionNames.advanced}>

client/packages/openblocks/src/comps/comps/preLoadComp.tsx

@@ -190,7 +190,7 @@ function LibsTabPane(props: { libsComp: ChildrenInstance["libs"] }) {
             <div className="lib-item" key={idx}>
               <div className="lib-item-input">
                 {i.propertyView({
-                  placeholder: "https://cdn.xxx.com/example.min.js",
+                  placeholder: "https://cdn.example.com/example.min.js",
                 })}
               </div>
               <TacoButton

client/packages/openblocks/src/comps/comps/qrCodeComp.tsx

@@ -57,7 +57,7 @@ let QRCodeBasicComp = (function () {
           {children.value.propertyView({
             label: trans("QRCode.value"),
             tooltip: trans("QRCode.valueTooltip"),
-            placeholder: "https://xxx.com",
+            placeholder: "https://example.com",
           })}
           {children.level.propertyView({
             label: trans("QRCode.level"),

client/packages/openblocks/src/comps/comps/tableComp/column/columnTypeComps/columnDateComp.tsx

@@ -124,8 +124,7 @@ const childrenMap = {
   format: withDefault(StringControl, DATE_FORMAT),
 };
 
-const getBaseValue: ColumnTypeViewFn<typeof childrenMap, string, string> = (props) =>
-  formatDate(props.text, props.format);
+const getBaseValue: ColumnTypeViewFn<typeof childrenMap, string, string> = (props) => props.text;
 
 type DateTimeEditProps = {
   value: string;
@@ -135,6 +134,10 @@ type DateTimeEditProps = {
 
 const DateTimeEdit = (props: DateTimeEditProps) => {
   const [panelOpen, setPanelOpen] = useState(true);
+  let value = moment(props.value, DateParser);
+  if (!value.isValid()) {
+    value = moment(0, DateParser);
+  }
   return (
     <Wrapper
       onKeyDown={(e) => {
@@ -153,7 +156,7 @@ const DateTimeEdit = (props: DateTimeEditProps) => {
         allowClear={false}
         bordered={false}
         autoFocus
-        defaultValue={moment(props.value)}
+        defaultValue={value}
         showTime
         showNow={true}
         defaultOpen={true}

client/packages/openblocks/src/comps/comps/tableComp/paginationControl.tsx

@@ -5,6 +5,7 @@ import { stateComp, valueComp, withDefault } from "comps/generators";
 import { changeChildAction } from "openblocks-core";
 import { ConstructorToNodeType } from "openblocks-core";
 import { trans } from "i18n";
+import _ from "lodash";
 
 const DEFAULT_PAGE_SIZE = 5;
 
@@ -21,12 +22,22 @@ export function getPageSize(
   }
 }
 
+function numberControlToValueComp(defaultValue: number) {
+  class ValueComp extends valueComp<number>(5) {
+    override oldValueToNew(value: number | string | undefined) {
+      if (_.isNil(value)) return value;
+      return Number(value);
+    }
+  }
+  return ValueComp;
+}
+
 export const PaginationControl = (function () {
   const childrenMap = {
     showQuickJumper: BoolControl,
     showSizeChanger: BoolControl,
     hideOnSinglePage: BoolControl,
-    changeablePageSize: valueComp<number>(5),
+    changeablePageSize: numberControlToValueComp(5),
     pageSize: NumberControl,
     total: NumberControl,
     pageNo: stateComp<number>(1),

client/packages/openblocks/src/comps/comps/tableComp/tableComp.tsx

@@ -132,7 +132,7 @@ function TableView(props: {
         return;
       }
       compChildren.onEvent.getView()(eventName);
-      compChildren.columns.dispatchClearChangeSet();
+      setTimeout(() => compChildren.columns.dispatchClearChangeSet(), 0);
     },
     [viewMode, compChildren.onEvent, compChildren.columns]
   );