@cloudbase/weda-ui 3.7.4 → 3.7.6

package/dist/configs/components/wd-form-arr.d.ts

@@ -56,23 +56,11 @@ declare const config: {
         visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     }>;
-    readonly classes: readonly [{
-        readonly name: "根元素";
-        readonly selector: ".form-obj-wrap";
-        readonly description: "嵌套表单根元素";
-    }, {
-        readonly name: "PC 端嵌套表单根元素";
-        readonly selector: ".pc-form-obj-wrap";
-        readonly description: "可以为 PC 端的嵌套表单编写样式";
-    }, {
-        readonly name: "H5 端嵌套表单根元素";
-        readonly selector: ".h5-form-obj-wrap";
-        readonly description: "可以为 H5 端的嵌套表单编写样式";
-    }, {
-        readonly name: "小程序端嵌套表单根元素";
-        readonly selector: ".mp-form-obj-wrap";
-        readonly description: "可以为小程序端的嵌套表单编写样式";
-    }];
+    readonly classes: {
+        name: string;
+        selector: string;
+        description: string;
+    }[];
     readonly methods: readonly [{
         readonly name: "add";
         readonly label: "新增一行";
@@ -186,7 +174,7 @@ declare const config: {
             readonly __k: "init-name-with-id";
         }, {
             readonly when: "$attached";
-            readonly body: "\n{{#with $self as |$self|}}\n[attributes]\nvalue = [{}]\n\n[[template]]\ncomponent = \"Repeater\"\n[template.attributes]\n\":data\" = \"($w.{{$self.id}}.value || [])\"\nsuffix = '{{$self.id}}'\nforItem = 'item_{{$self.id}}'\nforIndex = 'index_{{$self.id}}'\n[[template.items]]\ncomponent = \"Container\"\nscopedStyle = \":scope {\n  position: relative;\n}\"\n[[template.items.items]]\ncomponent = 'WdFormObj'\n[template.items.items.attributes]\n\":label\" = \"`${$w.{{$self.id}}.label}[${$w.index_{{$self.id}} + 1}]`\"\n\":name\" = \"$w.index_{{$self.id}}\"\nvalue = {}\n[[template.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  position: absolute;\n  right: var(--wd-card-heder-pd-bordered);\n  top: var(--wd-card-heder-pd-bordered);\n  color: var(--wd-color-brand);\n}\n\n:scope.wd-mp-icon {\n  top: calc(10px + var(--wd-card-heder-pd-bordered));\n}\"\n[template.items.items.attributes]\nname = \"td:delete\"\n[[template.items.items.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.items.items.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.items.items.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"remove\"\n[template.items.items.listeners.handler.params.params]\n\":index\" = \"$w.index_{{$self.id}}\"\n\n[[template]]\ncomponent = 'Grid'\nscopedStyle = \":scope {\n  margin-top: 10px;\n  width: 100%;\n}\"\n[[template.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"add\"\n[[template.items]]\ncomponent = 'Row'\n[template.items.attributes]\nalignItems = \"center\"\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n}\"\n[template.items.items.items.attributes]\nname = \"td:add-circle\"\n\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdText'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n  white-space: nowrap;\n}\"\n[template.items.items.items.attributes]\ntext = \"新增\"\n{{/with}}\n";
+            readonly body: "\n{{#with $self as |$self|}}\n[attributes]\nvalue = [{}]\n\n[[template]]\ncomponent = \"Repeater\"\n[template.attributes]\n\":data\" = \"($w.{{$self.id}}.value || [])\"\nsuffix = '{{$self.id}}'\nforItem = 'item_{{$self.id}}'\nforIndex = 'index_{{$self.id}}'\n[[template.items]]\ncomponent = \"Container\"\nscopedStyle = \":scope {\n  position: relative;\n}\"\n[[template.items.items]]\ncomponent = 'WdFormObj'\n[template.items.items.attributes]\n\":label\" = \"`${$w.{{$self.id}}.label}[${$w.index_{{$self.id}} + 1}]`\"\n\":name\" = \"$w.index_{{$self.id}}\"\nisRoot = false\nvalue = {}\n[[template.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  position: absolute;\n  right: var(--wd-card-heder-pd-bordered);\n  top: var(--wd-card-heder-pd-bordered);\n  color: var(--wd-color-brand);\n}\n\n:scope.wd-mp-icon {\n  top: var(--wd-card-heder-pd-bordered);\n}\"\n[template.items.items.attributes]\nname = \"td:delete\"\nsize = \"sm\"\n[[template.items.items.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.items.items.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.items.items.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"remove\"\n[template.items.items.listeners.handler.params.params]\n\":index\" = \"$w.index_{{$self.id}}\"\n\n[[template]]\ncomponent = 'Grid'\nscopedStyle = \":scope {\n  margin-top: 10px;\n  width: 100%;\n}\"\n[[template.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"add\"\n[[template.items]]\ncomponent = 'Row'\n[template.items.attributes]\nalignItems = \"center\"\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n}\"\n[template.items.items.items.attributes]\nname = \"td:add-circle\"\n\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdText'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n  white-space: nowrap;\n}\"\n[template.items.items.items.attributes]\ntext = \"新增\"\n{{/with}}\n";
         }];
     };
 };

package/dist/configs/components/wd-form-arr.js

@@ -1,5 +1,6 @@
 import { defineConfig, Type } from '../type-utils';
 import { FORM_ITEM_DATA, FORM_ITEM_META, ItemData, FORM_ITEM_DATA_TITLE, } from '../type-utils/type-form';
+import { getClasses } from '../type-utils/classes';
 import { templateInitNameWithId } from './common/init-name-with-id';
 const $attached_template = `
 {{#with $self as |$self|}}
@@ -21,12 +22,14 @@ component = 'WdFormObj'
 [template.items.items.attributes]
 ":label" = "\`\${$w.{{$self.id}}.label}[\${$w.index_{{$self.id}} + 1}]\`"
 ":name" = "$w.index_{{$self.id}}"
+isRoot = false
 value = {}
 [[template.items.items]]
 component = 'WdIcon'
-scopedStyle = ":scope {\n  position: absolute;\n  right: var(--wd-card-heder-pd-bordered);\n  top: var(--wd-card-heder-pd-bordered);\n  color: var(--wd-color-brand);\n}\n\n:scope.wd-mp-icon {\n  top: calc(10px + var(--wd-card-heder-pd-bordered));\n}"
+scopedStyle = ":scope {\n  position: absolute;\n  right: var(--wd-card-heder-pd-bordered);\n  top: var(--wd-card-heder-pd-bordered);\n  color: var(--wd-color-brand);\n}\n\n:scope.wd-mp-icon {\n  top: var(--wd-card-heder-pd-bordered);\n}"
 [template.items.items.attributes]
 name = "td:delete"
+size = "sm"
 [[template.items.items.listeners]]
 eventName = "tap"
 type = "platform"
@@ -107,6 +110,13 @@ const properties = Type.Composite([
     Type.Pick(data, ['name', 'label', 'value']),
     Type.Pick(ItemData, ['visible', 'disabled', 'readOnly']),
 ]);
+const CLASSES = getClasses('form-obj', { kind: '嵌套表单' });
+const classes = [
+    CLASSES.root,
+    CLASSES.root_h5,
+    CLASSES.root_pc,
+    CLASSES.root_mp,
+];
 // export default
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
@@ -115,28 +125,7 @@ const config = defineConfig({
     // 只读属性定义
     properties,
     // 样式API
-    classes: [
-        {
-            name: '根元素',
-            selector: '.form-obj-wrap',
-            description: '嵌套表单根元素',
-        },
-        {
-            name: 'PC 端嵌套表单根元素',
-            selector: '.pc-form-obj-wrap',
-            description: '可以为 PC 端的嵌套表单编写样式',
-        },
-        {
-            name: 'H5 端嵌套表单根元素',
-            selector: '.h5-form-obj-wrap',
-            description: '可以为 H5 端的嵌套表单编写样式',
-        },
-        {
-            name: '小程序端嵌套表单根元素',
-            selector: '.mp-form-obj-wrap',
-            description: '可以为小程序端的嵌套表单编写样式',
-        },
-    ],
+    classes,
     // 组件方法
     methods: [
         {

package/dist/configs/components/wd-form-obj.d.ts

@@ -19,6 +19,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     }>;
     value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TObject<{}>, import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>]>>;
     size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    isRoot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
 }>;
 export type DataType = Simplify<Static<typeof data>>;
 declare const config: {
@@ -42,6 +43,7 @@ declare const config: {
         }>;
         value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TObject<{}>, import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>]>>;
         size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        isRoot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     }>;
     readonly properties: import("@sinclair/typebox").TObject<{
         label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -56,23 +58,11 @@ declare const config: {
         visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     }>;
-    readonly classes: readonly [{
-        readonly name: "根元素";
-        readonly selector: ".form-obj-wrap";
-        readonly description: "嵌套表单根元素";
-    }, {
-        readonly name: "PC 端嵌套表单根元素";
-        readonly selector: ".pc-form-obj-wrap";
-        readonly description: "可以为 PC 端的嵌套表单编写样式";
-    }, {
-        readonly name: "H5 端嵌套表单根元素";
-        readonly selector: ".h5-form-obj-wrap";
-        readonly description: "可以为 H5 端的嵌套表单编写样式";
-    }, {
-        readonly name: "小程序端嵌套表单根元素";
-        readonly selector: ".mp-form-obj-wrap";
-        readonly description: "可以为小程序端的嵌套表单编写样式";
-    }];
+    readonly classes: {
+        name: string;
+        selector: string;
+        description: string;
+    }[];
     readonly methods: readonly [{
         readonly name: "change";
         readonly label: "值改变";

package/dist/configs/components/wd-form-obj.js

@@ -1,5 +1,6 @@
 import { defineConfig, Type } from '../type-utils';
 import { FORM_ITEM_DATA, FORM_ITEM_META, ItemData, FORM_ITEM_DATA_TITLE, } from '../type-utils/type-form';
+import { getClasses } from '../type-utils/classes';
 import { templateInitNameWithId } from './common/init-name-with-id';
 // 属性类型定义
 const data = Type.Partial(Type.Object({
@@ -14,6 +15,7 @@ const data = Type.Partial(Type.Object({
     }),
     value: FORM_ITEM_DATA._valueInFormObj,
     size: FORM_ITEM_DATA.size,
+    isRoot: FORM_ITEM_DATA.isRoot,
     // 标题
     ...{
         ...FORM_ITEM_DATA_TITLE,
@@ -28,6 +30,13 @@ const properties = Type.Composite([
     Type.Pick(data, ['name', 'label', 'value']),
     Type.Pick(ItemData, ['visible', 'disabled', 'readOnly']),
 ]);
+const CLASSES = getClasses('form-obj', { kind: '嵌套表单' });
+const classes = [
+    CLASSES.root,
+    CLASSES.root_h5,
+    CLASSES.root_pc,
+    CLASSES.root_mp,
+];
 // export default
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
@@ -36,28 +45,7 @@ const config = defineConfig({
     // 只读属性定义
     properties,
     // 样式API
-    classes: [
-        {
-            name: '根元素',
-            selector: '.form-obj-wrap',
-            description: '嵌套表单根元素',
-        },
-        {
-            name: 'PC 端嵌套表单根元素',
-            selector: '.pc-form-obj-wrap',
-            description: '可以为 PC 端的嵌套表单编写样式',
-        },
-        {
-            name: 'H5 端嵌套表单根元素',
-            selector: '.h5-form-obj-wrap',
-            description: '可以为 H5 端的嵌套表单编写样式',
-        },
-        {
-            name: '小程序端嵌套表单根元素',
-            selector: '.mp-form-obj-wrap',
-            description: '可以为小程序端的嵌套表单编写样式',
-        },
-    ],
+    classes,
     // 组件方法
     methods: [
         {

package/dist/configs/components/wd-select-multiple.d.ts

@@ -37,6 +37,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     }>>>;
     tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+    staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
         default: string;
@@ -82,6 +83,7 @@ declare const config: {
         }>>>;
         tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+        staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
             default: string;

package/dist/configs/components/wd-select-multiple.js

@@ -23,6 +23,7 @@ const data = Type.Partial(Type.Object({
     range: FORM_ITEM_DATA.range,
     tipBlock: FORM_ITEM_DATA.tipBlock,
     value: FORM_ITEM_DATA._valueInSelectMultiple,
+    staticSearchable: FORM_ITEM_DATA.staticSearchable,
     ignoreCase: FORM_ITEM_DATA.ignoreCase,
     placeholder: Object.assign({}, FORM_ITEM_DATA.placeholder, {
         default: '请选择',
@@ -58,6 +59,8 @@ const data = Type.Partial(Type.Object({
             //   condition: "{{$self.value=='many-many'||$self.value=='one-many'}}",
             // },
         ],
+        'x-category': X_CATEGORY.COMMON,
+        'x-index': 43,
         'x-platforms': [''],
     }),
     viewId: FORM_ITEM_DATA.viewId,

package/dist/configs/components/wd-select.d.ts

@@ -35,6 +35,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
         title: string;
     }>;
+    staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
         default: string;
@@ -83,6 +84,7 @@ declare const config: {
         value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
             title: string;
         }>;
+        staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
             default: string;

package/dist/configs/components/wd-select.js

@@ -24,6 +24,7 @@ const data = Type.Partial(Type.Object({
     tipBlock: FORM_ITEM_DATA.tipBlock,
     where: FORM_ITEM_DATA.where,
     value: Object.assign({}, FORM_ITEM_DATA.value, { title: '选中值' }),
+    staticSearchable: FORM_ITEM_DATA.staticSearchable,
     ignoreCase: FORM_ITEM_DATA.ignoreCase,
     placeholder: Object.assign({}, FORM_ITEM_DATA.placeholder, {
         default: '请选择',

package/dist/configs/index.d.ts

@@ -1065,6 +1065,7 @@ export declare const components: {
             }>;
             value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TObject<{}>, import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>]>>;
             size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+            isRoot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         }>;
         readonly properties: import("@sinclair/typebox").TObject<{
             label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -1079,23 +1080,11 @@ export declare const components: {
             visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         }>;
-        readonly classes: readonly [{
-            readonly name: "根元素";
-            readonly selector: ".form-obj-wrap";
-            readonly description: "嵌套表单根元素";
-        }, {
-            readonly name: "PC 端嵌套表单根元素";
-            readonly selector: ".pc-form-obj-wrap";
-            readonly description: "可以为 PC 端的嵌套表单编写样式";
-        }, {
-            readonly name: "H5 端嵌套表单根元素";
-            readonly selector: ".h5-form-obj-wrap";
-            readonly description: "可以为 H5 端的嵌套表单编写样式";
-        }, {
-            readonly name: "小程序端嵌套表单根元素";
-            readonly selector: ".mp-form-obj-wrap";
-            readonly description: "可以为小程序端的嵌套表单编写样式";
-        }];
+        readonly classes: {
+            name: string;
+            selector: string;
+            description: string;
+        }[];
         readonly methods: readonly [{
             readonly name: "change";
             readonly label: "值改变";
@@ -1236,23 +1225,11 @@ export declare const components: {
             visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         }>;
-        readonly classes: readonly [{
-            readonly name: "根元素";
-            readonly selector: ".form-obj-wrap";
-            readonly description: "嵌套表单根元素";
-        }, {
-            readonly name: "PC 端嵌套表单根元素";
-            readonly selector: ".pc-form-obj-wrap";
-            readonly description: "可以为 PC 端的嵌套表单编写样式";
-        }, {
-            readonly name: "H5 端嵌套表单根元素";
-            readonly selector: ".h5-form-obj-wrap";
-            readonly description: "可以为 H5 端的嵌套表单编写样式";
-        }, {
-            readonly name: "小程序端嵌套表单根元素";
-            readonly selector: ".mp-form-obj-wrap";
-            readonly description: "可以为小程序端的嵌套表单编写样式";
-        }];
+        readonly classes: {
+            name: string;
+            selector: string;
+            description: string;
+        }[];
         readonly methods: readonly [{
             readonly name: "add";
             readonly label: "新增一行";
@@ -1366,7 +1343,7 @@ export declare const components: {
                 readonly __k: "init-name-with-id";
             }, {
                 readonly when: "$attached";
-                readonly body: "\n{{#with $self as |$self|}}\n[attributes]\nvalue = [{}]\n\n[[template]]\ncomponent = \"Repeater\"\n[template.attributes]\n\":data\" = \"($w.{{$self.id}}.value || [])\"\nsuffix = '{{$self.id}}'\nforItem = 'item_{{$self.id}}'\nforIndex = 'index_{{$self.id}}'\n[[template.items]]\ncomponent = \"Container\"\nscopedStyle = \":scope {\n  position: relative;\n}\"\n[[template.items.items]]\ncomponent = 'WdFormObj'\n[template.items.items.attributes]\n\":label\" = \"`${$w.{{$self.id}}.label}[${$w.index_{{$self.id}} + 1}]`\"\n\":name\" = \"$w.index_{{$self.id}}\"\nvalue = {}\n[[template.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  position: absolute;\n  right: var(--wd-card-heder-pd-bordered);\n  top: var(--wd-card-heder-pd-bordered);\n  color: var(--wd-color-brand);\n}\n\n:scope.wd-mp-icon {\n  top: calc(10px + var(--wd-card-heder-pd-bordered));\n}\"\n[template.items.items.attributes]\nname = \"td:delete\"\n[[template.items.items.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.items.items.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.items.items.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"remove\"\n[template.items.items.listeners.handler.params.params]\n\":index\" = \"$w.index_{{$self.id}}\"\n\n[[template]]\ncomponent = 'Grid'\nscopedStyle = \":scope {\n  margin-top: 10px;\n  width: 100%;\n}\"\n[[template.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"add\"\n[[template.items]]\ncomponent = 'Row'\n[template.items.attributes]\nalignItems = \"center\"\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n}\"\n[template.items.items.items.attributes]\nname = \"td:add-circle\"\n\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdText'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n  white-space: nowrap;\n}\"\n[template.items.items.items.attributes]\ntext = \"新增\"\n{{/with}}\n";
+                readonly body: "\n{{#with $self as |$self|}}\n[attributes]\nvalue = [{}]\n\n[[template]]\ncomponent = \"Repeater\"\n[template.attributes]\n\":data\" = \"($w.{{$self.id}}.value || [])\"\nsuffix = '{{$self.id}}'\nforItem = 'item_{{$self.id}}'\nforIndex = 'index_{{$self.id}}'\n[[template.items]]\ncomponent = \"Container\"\nscopedStyle = \":scope {\n  position: relative;\n}\"\n[[template.items.items]]\ncomponent = 'WdFormObj'\n[template.items.items.attributes]\n\":label\" = \"`${$w.{{$self.id}}.label}[${$w.index_{{$self.id}} + 1}]`\"\n\":name\" = \"$w.index_{{$self.id}}\"\nisRoot = false\nvalue = {}\n[[template.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  position: absolute;\n  right: var(--wd-card-heder-pd-bordered);\n  top: var(--wd-card-heder-pd-bordered);\n  color: var(--wd-color-brand);\n}\n\n:scope.wd-mp-icon {\n  top: var(--wd-card-heder-pd-bordered);\n}\"\n[template.items.items.attributes]\nname = \"td:delete\"\nsize = \"sm\"\n[[template.items.items.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.items.items.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.items.items.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"remove\"\n[template.items.items.listeners.handler.params.params]\n\":index\" = \"$w.index_{{$self.id}}\"\n\n[[template]]\ncomponent = 'Grid'\nscopedStyle = \":scope {\n  margin-top: 10px;\n  width: 100%;\n}\"\n[[template.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"add\"\n[[template.items]]\ncomponent = 'Row'\n[template.items.attributes]\nalignItems = \"center\"\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n}\"\n[template.items.items.items.attributes]\nname = \"td:add-circle\"\n\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdText'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n  white-space: nowrap;\n}\"\n[template.items.items.items.attributes]\ntext = \"新增\"\n{{/with}}\n";
             }];
         };
     };
@@ -14759,6 +14736,7 @@ export declare const components: {
             value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
                 title: string;
             }>;
+            staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
                 default: string;
@@ -14995,6 +14973,7 @@ export declare const components: {
             }>>>;
             tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
             value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+            staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
                 default: string;
@@ -21137,6 +21116,7 @@ declare const _default: {
                 }>;
                 value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TObject<{}>, import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>]>>;
                 size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+                isRoot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             }>;
             readonly properties: import("@sinclair/typebox").TObject<{
                 label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -21151,23 +21131,11 @@ declare const _default: {
                 visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
                 readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             }>;
-            readonly classes: readonly [{
-                readonly name: "根元素";
-                readonly selector: ".form-obj-wrap";
-                readonly description: "嵌套表单根元素";
-            }, {
-                readonly name: "PC 端嵌套表单根元素";
-                readonly selector: ".pc-form-obj-wrap";
-                readonly description: "可以为 PC 端的嵌套表单编写样式";
-            }, {
-                readonly name: "H5 端嵌套表单根元素";
-                readonly selector: ".h5-form-obj-wrap";
-                readonly description: "可以为 H5 端的嵌套表单编写样式";
-            }, {
-                readonly name: "小程序端嵌套表单根元素";
-                readonly selector: ".mp-form-obj-wrap";
-                readonly description: "可以为小程序端的嵌套表单编写样式";
-            }];
+            readonly classes: {
+                name: string;
+                selector: string;
+                description: string;
+            }[];
             readonly methods: readonly [{
                 readonly name: "change";
                 readonly label: "值改变";
@@ -21308,23 +21276,11 @@ declare const _default: {
                 visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
                 readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             }>;
-            readonly classes: readonly [{
-                readonly name: "根元素";
-                readonly selector: ".form-obj-wrap";
-                readonly description: "嵌套表单根元素";
-            }, {
-                readonly name: "PC 端嵌套表单根元素";
-                readonly selector: ".pc-form-obj-wrap";
-                readonly description: "可以为 PC 端的嵌套表单编写样式";
-            }, {
-                readonly name: "H5 端嵌套表单根元素";
-                readonly selector: ".h5-form-obj-wrap";
-                readonly description: "可以为 H5 端的嵌套表单编写样式";
-            }, {
-                readonly name: "小程序端嵌套表单根元素";
-                readonly selector: ".mp-form-obj-wrap";
-                readonly description: "可以为小程序端的嵌套表单编写样式";
-            }];
+            readonly classes: {
+                name: string;
+                selector: string;
+                description: string;
+            }[];
             readonly methods: readonly [{
                 readonly name: "add";
                 readonly label: "新增一行";
@@ -21438,7 +21394,7 @@ declare const _default: {
                     readonly __k: "init-name-with-id";
                 }, {
                     readonly when: "$attached";
-                    readonly body: "\n{{#with $self as |$self|}}\n[attributes]\nvalue = [{}]\n\n[[template]]\ncomponent = \"Repeater\"\n[template.attributes]\n\":data\" = \"($w.{{$self.id}}.value || [])\"\nsuffix = '{{$self.id}}'\nforItem = 'item_{{$self.id}}'\nforIndex = 'index_{{$self.id}}'\n[[template.items]]\ncomponent = \"Container\"\nscopedStyle = \":scope {\n  position: relative;\n}\"\n[[template.items.items]]\ncomponent = 'WdFormObj'\n[template.items.items.attributes]\n\":label\" = \"`${$w.{{$self.id}}.label}[${$w.index_{{$self.id}} + 1}]`\"\n\":name\" = \"$w.index_{{$self.id}}\"\nvalue = {}\n[[template.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  position: absolute;\n  right: var(--wd-card-heder-pd-bordered);\n  top: var(--wd-card-heder-pd-bordered);\n  color: var(--wd-color-brand);\n}\n\n:scope.wd-mp-icon {\n  top: calc(10px + var(--wd-card-heder-pd-bordered));\n}\"\n[template.items.items.attributes]\nname = \"td:delete\"\n[[template.items.items.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.items.items.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.items.items.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"remove\"\n[template.items.items.listeners.handler.params.params]\n\":index\" = \"$w.index_{{$self.id}}\"\n\n[[template]]\ncomponent = 'Grid'\nscopedStyle = \":scope {\n  margin-top: 10px;\n  width: 100%;\n}\"\n[[template.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"add\"\n[[template.items]]\ncomponent = 'Row'\n[template.items.attributes]\nalignItems = \"center\"\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n}\"\n[template.items.items.items.attributes]\nname = \"td:add-circle\"\n\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdText'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n  white-space: nowrap;\n}\"\n[template.items.items.items.attributes]\ntext = \"新增\"\n{{/with}}\n";
+                    readonly body: "\n{{#with $self as |$self|}}\n[attributes]\nvalue = [{}]\n\n[[template]]\ncomponent = \"Repeater\"\n[template.attributes]\n\":data\" = \"($w.{{$self.id}}.value || [])\"\nsuffix = '{{$self.id}}'\nforItem = 'item_{{$self.id}}'\nforIndex = 'index_{{$self.id}}'\n[[template.items]]\ncomponent = \"Container\"\nscopedStyle = \":scope {\n  position: relative;\n}\"\n[[template.items.items]]\ncomponent = 'WdFormObj'\n[template.items.items.attributes]\n\":label\" = \"`${$w.{{$self.id}}.label}[${$w.index_{{$self.id}} + 1}]`\"\n\":name\" = \"$w.index_{{$self.id}}\"\nisRoot = false\nvalue = {}\n[[template.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  position: absolute;\n  right: var(--wd-card-heder-pd-bordered);\n  top: var(--wd-card-heder-pd-bordered);\n  color: var(--wd-color-brand);\n}\n\n:scope.wd-mp-icon {\n  top: var(--wd-card-heder-pd-bordered);\n}\"\n[template.items.items.attributes]\nname = \"td:delete\"\nsize = \"sm\"\n[[template.items.items.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.items.items.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.items.items.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"remove\"\n[template.items.items.listeners.handler.params.params]\n\":index\" = \"$w.index_{{$self.id}}\"\n\n[[template]]\ncomponent = 'Grid'\nscopedStyle = \":scope {\n  margin-top: 10px;\n  width: 100%;\n}\"\n[[template.listeners]]\neventName = \"tap\"\ntype = \"platform\"\n[template.listeners.handler]\nmodule = \"platform\"\nname = \"invoke\"\n[template.listeners.handler.params]\ncomponent = \"{{$self.id}}\"\nmethod = \"add\"\n[[template.items]]\ncomponent = 'Row'\n[template.items.attributes]\nalignItems = \"center\"\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdIcon'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n}\"\n[template.items.items.items.attributes]\nname = \"td:add-circle\"\n\n[[template.items.items]]\ncomponent = 'Col'\nscopedStyle = \":scope {\n flex: 0;\n}\"\n[template.items.items.attributes]\nlgWidthType = \"fit-content\"\nwidthType = \"fit-content\"\n[[template.items.items.items]]\ncomponent = 'WdText'\nscopedStyle = \":scope {\n  color: var(--wd-color-brand);\n  white-space: nowrap;\n}\"\n[template.items.items.items.attributes]\ntext = \"新增\"\n{{/with}}\n";
                 }];
             };
         };
@@ -34831,6 +34787,7 @@ declare const _default: {
                 value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
                     title: string;
                 }>;
+                staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
                 ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
                 placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
                     default: string;
@@ -35067,6 +35024,7 @@ declare const _default: {
                 }>>>;
                 tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
                 value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+                staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
                 ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
                 placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
                     default: string;

package/dist/configs/type-utils/type-form.d.ts

@@ -30,6 +30,7 @@ export declare const X_CATEGORY: {
 };
 export declare const FORM_ITEM_DATA: {
     /** 通用 */
+    isRoot: import("@sinclair/typebox").TBoolean;
     name: import("@sinclair/typebox").TString;
     language: import("@sinclair/typebox").TUnsafe<string>;
     theme: import("@sinclair/typebox").TUnsafe<string>;
@@ -61,6 +62,7 @@ export declare const FORM_ITEM_DATA: {
     }>>;
     tipBlock: import("@sinclair/typebox").TString;
     regionType: import("@sinclair/typebox").TUnsafe<string>;
+    staticSearchable: import("@sinclair/typebox").TBoolean;
     ignoreCase: import("@sinclair/typebox").TBoolean;
     value: import("@sinclair/typebox").TString;
     _valueInTag: import("@sinclair/typebox").TUnknown;
@@ -428,6 +430,7 @@ export declare const FORM_ITEM_META: {
     };
 };
 export declare const ItemData: import("@sinclair/typebox").TObject<{
+    isRoot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     language: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     theme: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
@@ -459,6 +462,7 @@ export declare const ItemData: import("@sinclair/typebox").TObject<{
     }>>>;
     tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     regionType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     _valueInTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnknown>;
@@ -604,6 +608,8 @@ export interface WdFormItemProps extends CommonPropsType, Pick<ItemDataType, 'la
     readBeforeAfter?: boolean;
     /** 标题容器 */
     LabelContainer?: (props: any) => JSX.Element;
+    /** 是否为根元素 */
+    isRoot?: boolean;
 }
 export interface WdInputGroupProps extends Pick<ItemDataType, 'before' | 'after' | 'block' | 'size' | 'readOnly'> {
     /** 子元素 */

package/dist/configs/type-utils/type-form.js

@@ -57,6 +57,14 @@ export const X_CATEGORY = {
 // 表单组件属性集合
 export const FORM_ITEM_DATA = {
     /** 通用 */
+    isRoot: Type.Boolean({
+        type: 'boolean',
+        title: '是否是根节点',
+        default: true,
+        display: false,
+        'x-category': X_CATEGORY.COMMON,
+        'x-index': 0,
+    }),
     name: Type.String({
         title: '绑定字段',
         type: 'string',
@@ -528,11 +536,25 @@ export const FORM_ITEM_DATA = {
         'x-category': X_CATEGORY.COMMON,
         'x-index': 19,
     }),
+    staticSearchable: Type.Boolean({
+        title: '前端查询',
+        'x-runtime-default': X_RUNTIME_DEFAULT.staticSearchable,
+        'x-category': X_CATEGORY.COMMON,
+        'x-index': 14,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'ignoreCase',
+                condition: '{{$self.value !== false}}',
+            },
+        ],
+        description: '开启后，前端会进行模糊查询，关闭时，可以通过后端进行查询',
+    }),
     ignoreCase: Type.Boolean({
         title: '搜索时忽略大小写',
         'x-runtime-default': X_RUNTIME_DEFAULT.ignoreCase,
         'x-category': X_CATEGORY.COMMON,
-        'x-index': 19,
+        'x-index': 15,
     }),
     value: Type.String({
         title: '输入值',
@@ -1568,7 +1590,7 @@ export const FORM_ITEM_DATA = {
             {
                 type: 'value:visible',
                 target: 'ignoreCase',
-                condition: "{{$self.value!='father-son'&&$self.value!='related'&&$self.value!='many-one'&&$self.value!='one-one'&&$self.value!='one-one-r'}}",
+                condition: "{{$self.value!='father-son'&&$self.value!='related'&&$self.value!='many-one'&&$self.value!='one-one'&&$self.value!='one-one-r'&&$form.values.staticSearchable==true}}",
             },
             {
                 type: 'value:visible',

package/dist/configs/type-utils/x-runtime-default.d.ts

@@ -24,6 +24,7 @@ export declare const X_RUNTIME_DEFAULT: {
     locationType: number;
     regionType: string;
     ignoreCase: boolean;
+    staticSearchable: boolean;
     viewType: string;
     size: string;
     block: boolean;

package/dist/configs/type-utils/x-runtime-default.js

@@ -24,6 +24,7 @@ export const X_RUNTIME_DEFAULT = {
     locationType: 1,
     regionType: 'levelThree',
     ignoreCase: true,
+    staticSearchable: true,
     viewType: 'table',
     size: '',
     block: true,