@vipl520/dk-ui 1.0.45 → 1.0.46

package/dist/tags.json

@@ -275,6 +275,20 @@
     ],
     "description": "[Docs](https://github.com/vipl520/dk-starter/components/project/#tinyeditor)"
   },
+  "dk-uni-icon": {
+    "attributes": [
+      "type",
+      "click"
+    ],
+    "description": "组件描述组件描述组件描述组件描述组件描述组件描述。\n\n[Docs](https://github.com/vipl520/dk-starter/components/project/#uniicon)"
+  },
+  "dk-uni-icon-input": {
+    "attributes": [
+      "type",
+      "click"
+    ],
+    "description": "没办法，这边小程序大部分的不支持svg格式，所以说，这里内置Uni官方的图标，如果说需要扩展的可以直接复写一套。\n\n[Docs](https://github.com/vipl520/dk-starter/components/project/#uniiconinput)"
+  },
   "dk-video-input": {
     "attributes": [
       "type",

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "dk",
-  "version": "1.0.44",
+  "version": "1.0.46",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -1631,6 +1631,74 @@
             ]
           }
         },
+        {
+          "name": "dk-uni-icon",
+          "source": {
+            "symbol": "DkUIUniIcon"
+          },
+          "description": "组件描述组件描述组件描述组件描述组件描述组件描述。",
+          "doc-url": "https://github.com/vipl520/dk-starter/components/project/#uniicon",
+          "props": [
+            {
+              "name": "type",
+              "description": "参数类型",
+              "doc-url": "https://github.com/vipl520/dk-starter/components/project/#uniicon-props",
+              "type": [
+                "string"
+              ]
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "自定义默认内容",
+              "doc-url": "https://github.com/vipl520/dk-starter/components/project/#uniicon-slots"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "click",
+                "description": "点击触发的事件",
+                "doc-url": "https://github.com/vipl520/dk-starter/components/project/#uniicon-events"
+              }
+            ]
+          }
+        },
+        {
+          "name": "dk-uni-icon-input",
+          "source": {
+            "symbol": "DkUIUniIconInput"
+          },
+          "description": "没办法，这边小程序大部分的不支持svg格式，所以说，这里内置Uni官方的图标，如果说需要扩展的可以直接复写一套。",
+          "doc-url": "https://github.com/vipl520/dk-starter/components/project/#uniiconinput",
+          "props": [
+            {
+              "name": "type",
+              "description": "参数类型",
+              "doc-url": "https://github.com/vipl520/dk-starter/components/project/#uniiconinput-props",
+              "type": [
+                "string"
+              ]
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "自定义默认内容",
+              "doc-url": "https://github.com/vipl520/dk-starter/components/project/#uniiconinput-slots"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "click",
+                "description": "点击触发的事件",
+                "doc-url": "https://github.com/vipl520/dk-starter/components/project/#uniiconinput-events"
+              }
+            ]
+          }
+        },
         {
           "name": "dk-video-input",
           "source": {

package/es/dialog/src/dialog.vue2.mjs

@@ -65,7 +65,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "destroy-on-close": "",
         "append-to-body": "",
         "lock-scroll": "",
-        draggable: _ctx.draggable,
+        draggable: props.draggable,
         "close-on-click-modal": false,
         "show-close": false,
         class: "dk-dialog",

package/es/dialog/src/dialog.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue2.mjs","sources":["../../../src/dialog/src/dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkDialog',\n});\n</script>\n<template>\n  <ElDialog\n    v-bind=\"getBindValue\"\n    :fullscreen=\"isFullscreen\"\n    destroy-on-close\n    append-to-body\n    lock-scroll\n    :draggable=\"draggable\"\n    :close-on-click-modal=\"false\"\n    :show-close=\"false\"\n    class=\"dk-dialog\"\n    :z-index=\"props.zIndex\"\n  >\n    <template #header=\"{ close }\">\n      <slot name=\"header\">\n        <div class=\"flex justify-between items-center relative\">\n          <span>{{ props.title }}</span>\n          <div class=\"flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]\">\n            <dk-icon\n              v-if=\"fullscreen\"\n              class=\"cursor-pointer is-hover mr-10px\"\n              :icon=\"isFullscreen ? 'radix-icons:exit-full-screen' : 'radix-icons:enter-full-screen'\"\n              color=\"var(--el-color-info)\"\n              hover-color=\"var(--el-color-primary)\"\n              @click=\"toggleFull\"\n            />\n            <dk-icon\n              class=\"cursor-pointer is-hover\"\n              icon=\"ep:close\"\n              hover-color=\"var(--el-color-primary)\"\n              color=\"var(--el-color-info)\"\n              @click=\"close\"\n            />\n          </div>\n        </div>\n      </slot>\n    </template>\n\n    <ElScrollbar :style=\"dialogStyle\">\n      <slot></slot>\n    </ElScrollbar>\n\n    <template v-if=\"slots.footer\" #footer>\n      <slot name=\"footer\"></slot>\n    </template>\n  </ElDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isNumber } from '@vipl520/utils'\nimport { dialogProps } from './props'\nimport { computed, useAttrs, ref, unref, useSlots, watch, nextTick } from 'vue'\n\nconst [_, bem] = createNamespace('dialog')\n\n\nconst slots = useSlots()\n\nconst props = defineProps(dialogProps)\n\nconst getBindValue = computed(() => {\n  const delArr: string[] = ['fullscreen', 'title', 'maxHeight']\n  const attrs = useAttrs()\n  const obj: { [key: string]: any } = { ...attrs, ...props }\n  for (const key in obj) {\n    if (delArr.indexOf(key) !== -1) {\n      delete obj[key] as any\n    }\n  }\n  return obj\n})\nconst isFullscreen = ref(props.defaultFullscreen)\n\nwatch(\n  () => props.defaultFullscreen,\n  () => {\n    isFullscreen.value = props.defaultFullscreen\n  }\n)\n\nconst toggleFull = () => {\n  isFullscreen.value = !unref(isFullscreen)\n}\n\nconst dialogHeight = ref(isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight)\n\nwatch(\n  () => isFullscreen.value,\n  async (val: boolean) => {\n    await nextTick()\n    if (val) {\n      const windowHeight = document.documentElement.offsetHeight\n      dialogHeight.value = `${windowHeight - 55 - 60 - (slots.footer ? 63 : 0)}px`\n    } else {\n      dialogHeight.value = isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight\n    }\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst dialogStyle = computed(() => {\n  return {\n    maxHeight: unref(dialogHeight),\n  }\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAuDD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAI,gBAAgB,QAAQ,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAmB,GAAA,CAAC,YAAc,EAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AAC5D,MAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,MAAA,MAAM,GAA8B,GAAA,EAAE,GAAG,KAAA,EAAO,GAAG,KAAM,EAAA,CAAA;AACzD,MAAA,KAAA,MAAW,OAAO,GAAK,EAAA;AACrB,QAAA,IAAI,MAAO,CAAA,OAAA,CAAQ,GAAG,CAAA,KAAM,CAAI,CAAA,EAAA;AAC9B,UAAA,OAAO,IAAI,GAAG,CAAA,CAAA;AAAA,SAChB;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,GAAI,CAAA,KAAA,CAAM,iBAAiB,CAAA,CAAA;AAEhD,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,iBAAA;AAAA,MACZ,MAAM;AACJ,QAAA,YAAA,CAAa,QAAQ,KAAM,CAAA,iBAAA,CAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAa,YAAA,CAAA,KAAA,GAAQ,CAAC,KAAA,CAAM,YAAY,CAAA,CAAA;AAAA,KAC1C,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,GAAI,CAAA,QAAA,CAAS,KAAM,CAAA,SAAS,CAAI,GAAA,CAAA,EAAG,KAAM,CAAA,SAAS,CAAO,EAAA,CAAA,GAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAE7F,IAAA,KAAA;AAAA,MACE,MAAM,YAAa,CAAA,KAAA;AAAA,MACnB,OAAO,GAAiB,KAAA;AACtB,QAAA,MAAM,QAAS,EAAA,CAAA;AACf,QAAA,IAAI,GAAK,EAAA;AACP,UAAM,MAAA,YAAA,GAAe,SAAS,eAAgB,CAAA,YAAA,CAAA;AAC9C,UAAa,YAAA,CAAA,KAAA,GAAQ,GAAG,YAAe,GAAA,EAAA,GAAK,MAAM,KAAM,CAAA,MAAA,GAAS,KAAK,CAAE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SACnE,MAAA;AACL,UAAa,YAAA,CAAA,KAAA,GAAQ,SAAS,KAAM,CAAA,SAAS,IAAI,CAAG,EAAA,KAAA,CAAM,SAAS,CAAA,EAAA,CAAA,GAAO,KAAM,CAAA,SAAA,CAAA;AAAA,SAClF;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAO,OAAA;AAAA,QACL,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,OAC/B,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dialog.vue2.mjs","sources":["../../../src/dialog/src/dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkDialog',\n});\n</script>\n<template>\n  <ElDialog\n    v-bind=\"getBindValue\"\n    :fullscreen=\"isFullscreen\"\n    destroy-on-close\n    append-to-body\n    lock-scroll\n    :draggable=\"props.draggable\"\n    :close-on-click-modal=\"false\"\n    :show-close=\"false\"\n    class=\"dk-dialog\"\n    :z-index=\"props.zIndex\"\n  >\n    <template #header=\"{ close }\">\n      <slot name=\"header\">\n        <div class=\"flex justify-between items-center relative\">\n          <span>{{ props.title }}</span>\n          <div class=\"flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]\">\n            <dk-icon\n              v-if=\"fullscreen\"\n              class=\"cursor-pointer is-hover mr-10px\"\n              :icon=\"isFullscreen ? 'radix-icons:exit-full-screen' : 'radix-icons:enter-full-screen'\"\n              color=\"var(--el-color-info)\"\n              hover-color=\"var(--el-color-primary)\"\n              @click=\"toggleFull\"\n            />\n            <dk-icon\n              class=\"cursor-pointer is-hover\"\n              icon=\"ep:close\"\n              hover-color=\"var(--el-color-primary)\"\n              color=\"var(--el-color-info)\"\n              @click=\"close\"\n            />\n          </div>\n        </div>\n      </slot>\n    </template>\n\n    <ElScrollbar :style=\"dialogStyle\">\n      <slot></slot>\n    </ElScrollbar>\n\n    <template v-if=\"slots.footer\" #footer>\n      <slot name=\"footer\"></slot>\n    </template>\n  </ElDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isNumber } from '@vipl520/utils'\nimport { dialogProps } from './props'\nimport { computed, useAttrs, ref, unref, useSlots, watch, nextTick } from 'vue'\n\nconst [_, bem] = createNamespace('dialog')\n\n\nconst slots = useSlots()\n\nconst props = defineProps(dialogProps)\n\nconst getBindValue = computed(() => {\n  const delArr: string[] = ['fullscreen', 'title', 'maxHeight']\n  const attrs = useAttrs()\n  const obj: { [key: string]: any } = { ...attrs, ...props }\n  for (const key in obj) {\n    if (delArr.indexOf(key) !== -1) {\n      delete obj[key] as any\n    }\n  }\n  return obj\n})\nconst isFullscreen = ref(props.defaultFullscreen)\n\nwatch(\n  () => props.defaultFullscreen,\n  () => {\n    isFullscreen.value = props.defaultFullscreen\n  }\n)\n\nconst toggleFull = () => {\n  isFullscreen.value = !unref(isFullscreen)\n}\n\nconst dialogHeight = ref(isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight)\n\nwatch(\n  () => isFullscreen.value,\n  async (val: boolean) => {\n    await nextTick()\n    if (val) {\n      const windowHeight = document.documentElement.offsetHeight\n      dialogHeight.value = `${windowHeight - 55 - 60 - (slots.footer ? 63 : 0)}px`\n    } else {\n      dialogHeight.value = isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight\n    }\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst dialogStyle = computed(() => {\n  return {\n    maxHeight: unref(dialogHeight),\n  }\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAuDD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAI,gBAAgB,QAAQ,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAmB,GAAA,CAAC,YAAc,EAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AAC5D,MAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,MAAA,MAAM,GAA8B,GAAA,EAAE,GAAG,KAAA,EAAO,GAAG,KAAM,EAAA,CAAA;AACzD,MAAA,KAAA,MAAW,OAAO,GAAK,EAAA;AACrB,QAAA,IAAI,MAAO,CAAA,OAAA,CAAQ,GAAG,CAAA,KAAM,CAAI,CAAA,EAAA;AAC9B,UAAA,OAAO,IAAI,GAAG,CAAA,CAAA;AAAA,SAChB;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,GAAI,CAAA,KAAA,CAAM,iBAAiB,CAAA,CAAA;AAEhD,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,iBAAA;AAAA,MACZ,MAAM;AACJ,QAAA,YAAA,CAAa,QAAQ,KAAM,CAAA,iBAAA,CAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAa,YAAA,CAAA,KAAA,GAAQ,CAAC,KAAA,CAAM,YAAY,CAAA,CAAA;AAAA,KAC1C,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,GAAI,CAAA,QAAA,CAAS,KAAM,CAAA,SAAS,CAAI,GAAA,CAAA,EAAG,KAAM,CAAA,SAAS,CAAO,EAAA,CAAA,GAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAE7F,IAAA,KAAA;AAAA,MACE,MAAM,YAAa,CAAA,KAAA;AAAA,MACnB,OAAO,GAAiB,KAAA;AACtB,QAAA,MAAM,QAAS,EAAA,CAAA;AACf,QAAA,IAAI,GAAK,EAAA;AACP,UAAM,MAAA,YAAA,GAAe,SAAS,eAAgB,CAAA,YAAA,CAAA;AAC9C,UAAa,YAAA,CAAA,KAAA,GAAQ,GAAG,YAAe,GAAA,EAAA,GAAK,MAAM,KAAM,CAAA,MAAA,GAAS,KAAK,CAAE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SACnE,MAAA;AACL,UAAa,YAAA,CAAA,KAAA,GAAQ,SAAS,KAAM,CAAA,SAAS,IAAI,CAAG,EAAA,KAAA,CAAM,SAAS,CAAA,EAAA,CAAA,GAAO,KAAM,CAAA,SAAA,CAAA;AAAA,SAClF;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAO,OAAA;AAAA,QACL,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,OAC/B,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/form/index.d.ts

@@ -112,11 +112,7 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
                 type: BooleanConstructor;
             };
             dialog: {
-                default: () => {
-                    width: string;
-                    fullscreen: boolean;
-                    draggable: boolean;
-                };
+                default: () => {};
                 type: ObjectConstructor;
             };
         }>> & {
@@ -202,11 +198,7 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
             type: BooleanConstructor;
         };
         dialog: {
-            default: () => {
-                width: string;
-                fullscreen: boolean;
-                draggable: boolean;
-            };
+            default: () => {};
             type: ObjectConstructor;
         };
     }>> & {
@@ -265,11 +257,7 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
         type: BooleanConstructor;
     };
     dialog: {
-        default: () => {
-            width: string;
-            fullscreen: boolean;
-            draggable: boolean;
-        };
+        default: () => {};
         type: ObjectConstructor;
     };
 }>> & {

package/es/form/src/form.vue.d.ts

@@ -36,11 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     dialog: {
-        default: () => {
-            width: string;
-            fullscreen: boolean;
-            draggable: boolean;
-        };
+        default: () => {};
         type: ObjectConstructor;
     };
 }, {
@@ -91,11 +87,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     dialog: {
-        default: () => {
-            width: string;
-            fullscreen: boolean;
-            draggable: boolean;
-        };
+        default: () => {};
         type: ObjectConstructor;
     };
 }>> & {

package/es/form/src/form.vue2.mjs

@@ -58,6 +58,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const dialogWidth = computed(() => {
       let defaultWidth = "800px";
       const config2 = _formData.value?.config || {};
+      console.log(config2);
       if (config2?.width) {
         return config2?.width;
       }

package/es/form/src/form.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.mjs","sources":["../../../src/form/src/form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkForm',\n});\n</script>\n<template>\n  <DkDialog\n    v-if=\"props.isDialog\"\n    v-model=\"showDialog\"\n    :title=\"_formData?.title ? _formData?.title : '表单'\"\n    :width=\"dialogWidth\"\n    :default-fullscreen=\"isFullscreen\"\n    min-height=\"200px\"\n    v-bind=\"dialogProps\"\n    append-to-body\n  >\n    <div :style=\"dialogStyle\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交</el-button>\n        </slot>\n      </div>\n    </div>\n  </DkDialog>\n  <div v-else>\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交</el-button>\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isArray, isObject, request } from '@vipl520/utils'\nimport formCreate from '@form-create/element-ui'\nimport { formProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport _config from './config'\nimport { ElButton, ElMessage } from 'element-plus'\nimport { useWindowSize } from '@vueuse/core'\n\nconst [_, bem] = createNamespace('form')\n\nformCreate.register({\n  name: 'help',\n  init({ value }, rule) {\n    // 判断value是字符串还是数组,如果是字符串则转换为数组，如果是数组则不变\n    if (!isArray(value)) {\n      value = [value]\n    }\n    rule.suffix = {\n      type: 'p',\n      children: value,\n      class: 'form-help',\n    }\n  },\n})\n\n\nconst FormCreate = formCreate.$form()\n\nconst props = defineProps(formProps)\n\nconst config = reactive(_config)\nconst fApi = ref()\nconst loading = ref(true)\nconst buttonLoading = ref(false)\n\nconst showDialog = ref(false)\nconst formConfig = computed(() => ({ ...config, ...props.extraConfig }))\nconst { width } = useWindowSize()\nconst value = ref(null)\nconst _formData = ref(props.formData || {})\n\nconst emit = defineEmits(['submit', 'fail', 'update:modelValue'])\nwatch(\n  () => props.formData,\n  () => {\n    _formData.value = props.formData\n  },\n  {\n    deep: true,\n  }\n)\nwatch(\n  () => value.value,\n  (val) => {\n    emit('update:modelValue', val || {})\n  }\n)\n// 弹窗宽度\nconst dialogWidth = computed(() => {\n  let defaultWidth = '800px'\n  const config = _formData.value?.config || {}\n  if (config?.width) {\n    return config?.width\n  }\n  if (props.dialog?.width) {\n    defaultWidth = props.dialog?.width\n  }\n  if (config?.defaultWidth) {\n    defaultWidth = config?.defaultWidth\n  }\n  let minWidth = 768\n  // 判断是否为百分比\n  if (!defaultWidth.endsWith('%')) {\n    minWidth = parseInt(defaultWidth)\n  }\n  return width.value < minWidth ? '100%' : defaultWidth\n})\n// 弹窗内样式\nconst dialogStyle = computed(() => {\n  if (_formData.value?.config?.style) {\n    return _formData.value?.config?.style\n  }\n  if (props.dialog?.style) {\n    return props.dialog?.style\n  }\n  return {}\n})\n// const draggable = computed(() => {\n//   let draggable = false\n//   if (props.dialog?.draggable) {\n//     draggable = props.dialog?.draggable\n//   }\n//   if (_formData.value?.config?.draggable !== undefined) {\n//     draggable = _formData.value?.config?.draggable\n//   }\n//   return draggable\n// })\n// 是否全屏\nconst isFullscreen = computed(() => {\n  let defaultFullscreen = false\n  const autoFullscreen = _formData.value?.config?.autoFullscreen !== false\n  if (props.dialog?.width) {\n    defaultFullscreen = props.dialog?.fullscreen\n  }\n  if (_formData.value?.config?.fullscreen) {\n    defaultFullscreen = _formData.value?.config?.fullscreen\n  }\n\n  if (width.value < 768 && autoFullscreen) {\n    defaultFullscreen = true\n  }\n\n  return defaultFullscreen\n})\n\nconst dialogProps = computed(() => {\n  return Object.assign(props.dialog, _formData.value?.config?.dialog)\n})\nconst setFormData = (formData: any) => {\n  value.value = null\n  _formData.value = formData\n}\n\nconst initFormData = (formUrl?: string | object) => {\n  if (!formUrl) {\n    formUrl = props.formUrl\n  }\n\n  if (props.formData) {\n    loading.value = false\n  } else if (formUrl) {\n    let data: {}\n    if (isObject(formUrl)) {\n      data = formUrl\n    } else {\n      data = {\n        url: formUrl,\n        method: 'post',\n      }\n    }\n    request(data)\n      .then((res) => {\n        _formData.value = res.data\n        loading.value = false\n      })\n      .catch((res) => {\n        loading.value = false\n      })\n  }\n}\n\nconst checkForm = () => {\n  fApi.value\n    .validate()\n    .then(() => {\n      fApi.value\n        .submit((data: any) => {\n          onSubmit(data)\n        })\n        .catch((fail: object) => {\n          ElMessage.warning(Object.values(fail)[0][0].message)\n        })\n    })\n    .catch((fail: object) => {\n      ElMessage.warning(Object.values(fail)[0][0].message)\n    })\n}\n\nconst onSubmit = (data: any) => {\n  if (props.isLoading) {\n    buttonLoading.value = true\n  }\n  if (props.isSubmit) {\n    request({\n      url: props.path + _formData.value.action,\n      method: _formData.value.method,\n      data: { formData: data },\n    })\n      .then((res) => {\n        ElMessage.success(res.msg)\n        emit('submit', data, res)\n        buttonLoading.value = false\n      })\n      .catch((res) => {\n        ElMessage.error(res.msg)\n        emit('fail', data, res)\n        buttonLoading.value = false\n      })\n  } else {\n    emit('submit', data)\n    buttonLoading.value = false\n  }\n  showDialog.value = false\n}\n\nconst show = () => {\n  showDialog.value = true\n}\nonMounted(() => {\n  initFormData()\n})\n// 导出\ndefineExpose({\n  showDialog,\n  buttonLoading,\n  fApi,\n  value,\n  show,\n  checkForm,\n  onSubmit,\n  initFormData,\n  setFormData,\n})\n</script>\n"],"names":["__MACROS_defineComponent","value","config","_config"],"mappings":"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"}
+{"version":3,"file":"form.vue2.mjs","sources":["../../../src/form/src/form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkForm',\n});\n</script>\n<template>\n  <DkDialog\n    v-if=\"props.isDialog\"\n    v-model=\"showDialog\"\n    :title=\"_formData?.title ? _formData?.title : '表单'\"\n    :width=\"dialogWidth\"\n    :default-fullscreen=\"isFullscreen\"\n    min-height=\"200px\"\n    v-bind=\"dialogProps\"\n    append-to-body\n  >\n    <div :style=\"dialogStyle\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交</el-button>\n        </slot>\n      </div>\n    </div>\n  </DkDialog>\n  <div v-else>\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交</el-button>\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isArray, isObject, request } from '@vipl520/utils'\nimport formCreate from '@form-create/element-ui'\nimport { formProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport _config from './config'\nimport { ElButton, ElMessage } from 'element-plus'\nimport { useWindowSize } from '@vueuse/core'\n\nconst [_, bem] = createNamespace('form')\n\nformCreate.register({\n  name: 'help',\n  init({ value }, rule) {\n    // 判断value是字符串还是数组,如果是字符串则转换为数组，如果是数组则不变\n    if (!isArray(value)) {\n      value = [value]\n    }\n    rule.suffix = {\n      type: 'p',\n      children: value,\n      class: 'form-help',\n    }\n  },\n})\n\n\nconst FormCreate = formCreate.$form()\n\nconst props = defineProps(formProps)\n\nconst config = reactive(_config)\nconst fApi = ref()\nconst loading = ref(true)\nconst buttonLoading = ref(false)\n\nconst showDialog = ref(false)\nconst formConfig = computed(() => ({ ...config, ...props.extraConfig }))\nconst { width } = useWindowSize()\nconst value = ref(null)\nconst _formData = ref(props.formData || {})\n\nconst emit = defineEmits(['submit', 'fail', 'update:modelValue'])\nwatch(\n  () => props.formData,\n  () => {\n    _formData.value = props.formData\n  },\n  {\n    deep: true,\n  }\n)\nwatch(\n  () => value.value,\n  (val) => {\n    emit('update:modelValue', val || {})\n  }\n)\n// 弹窗宽度\nconst dialogWidth = computed(() => {\n  let defaultWidth = '800px'\n  const config = _formData.value?.config || {}\n  console.log(config)\n  if (config?.width) {\n    return config?.width\n  }\n  if (props.dialog?.width) {\n    defaultWidth = props.dialog?.width\n  }\n  if (config?.defaultWidth) {\n    defaultWidth = config?.defaultWidth\n  }\n  let minWidth = 768\n  // 判断是否为百分比\n  if (!defaultWidth.endsWith('%')) {\n    minWidth = parseInt(defaultWidth)\n  }\n  return width.value < minWidth ? '100%' : defaultWidth\n})\n// 弹窗内样式\nconst dialogStyle = computed(() => {\n  if (_formData.value?.config?.style) {\n    return _formData.value?.config?.style\n  }\n  if (props.dialog?.style) {\n    return props.dialog?.style\n  }\n  return {}\n})\n// const draggable = computed(() => {\n//   let draggable = false\n//   if (props.dialog?.draggable) {\n//     draggable = props.dialog?.draggable\n//   }\n//   if (_formData.value?.config?.draggable !== undefined) {\n//     draggable = _formData.value?.config?.draggable\n//   }\n//   return draggable\n// })\n// 是否全屏\nconst isFullscreen = computed(() => {\n  let defaultFullscreen = false\n  const autoFullscreen = _formData.value?.config?.autoFullscreen !== false\n  if (props.dialog?.width) {\n    defaultFullscreen = props.dialog?.fullscreen\n  }\n  if (_formData.value?.config?.fullscreen) {\n    defaultFullscreen = _formData.value?.config?.fullscreen\n  }\n\n  if (width.value < 768 && autoFullscreen) {\n    defaultFullscreen = true\n  }\n\n  return defaultFullscreen\n})\n\nconst dialogProps = computed(() => {\n  return Object.assign(props.dialog, _formData.value?.config?.dialog)\n})\nconst setFormData = (formData: any) => {\n  value.value = null\n  _formData.value = formData\n}\n\nconst initFormData = (formUrl?: string | object) => {\n  if (!formUrl) {\n    formUrl = props.formUrl\n  }\n\n  if (props.formData) {\n    loading.value = false\n  } else if (formUrl) {\n    let data: {}\n    if (isObject(formUrl)) {\n      data = formUrl\n    } else {\n      data = {\n        url: formUrl,\n        method: 'post',\n      }\n    }\n    request(data)\n      .then((res) => {\n        _formData.value = res.data\n        loading.value = false\n      })\n      .catch((res) => {\n        loading.value = false\n      })\n  }\n}\n\nconst checkForm = () => {\n  fApi.value\n    .validate()\n    .then(() => {\n      fApi.value\n        .submit((data: any) => {\n          onSubmit(data)\n        })\n        .catch((fail: object) => {\n          ElMessage.warning(Object.values(fail)[0][0].message)\n        })\n    })\n    .catch((fail: object) => {\n      ElMessage.warning(Object.values(fail)[0][0].message)\n    })\n}\n\nconst onSubmit = (data: any) => {\n  if (props.isLoading) {\n    buttonLoading.value = true\n  }\n  if (props.isSubmit) {\n    request({\n      url: props.path + _formData.value.action,\n      method: _formData.value.method,\n      data: { formData: data },\n    })\n      .then((res) => {\n        ElMessage.success(res.msg)\n        emit('submit', data, res)\n        buttonLoading.value = false\n      })\n      .catch((res) => {\n        ElMessage.error(res.msg)\n        emit('fail', data, res)\n        buttonLoading.value = false\n      })\n  } else {\n    emit('submit', data)\n    buttonLoading.value = false\n  }\n  showDialog.value = false\n}\n\nconst show = () => {\n  showDialog.value = true\n}\nonMounted(() => {\n  initFormData()\n})\n// 导出\ndefineExpose({\n  showDialog,\n  buttonLoading,\n  fApi,\n  value,\n  show,\n  checkForm,\n  onSubmit,\n  initFormData,\n  setFormData,\n})\n</script>\n"],"names":["__MACROS_defineComponent","value","config","_config"],"mappings":"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"}

package/es/form/src/props.d.ts

@@ -37,11 +37,7 @@ export declare const formProps: {
         type: BooleanConstructor;
     };
     dialog: {
-        default: () => {
-            width: string;
-            fullscreen: boolean;
-            draggable: boolean;
-        };
+        default: () => {};
         type: ObjectConstructor;
     };
 };

package/es/form/src/props.mjs

@@ -25,11 +25,7 @@ const formProps = {
   // 弹窗配置
   dialog: {
     default: () => {
-      return {
-        width: "800px",
-        fullscreen: false,
-        draggable: false
-      };
+      return {};
     },
     type: Object
   }

package/es/form/src/props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"props.mjs","sources":["../../../src/form/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const formProps = {\n  // 表单数据\n  formData: { type: Object, default: null },\n  // 是否提交\n  isSubmit: { type: Boolean, default: true },\n  // 表单配置\n  extraConfig: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n  // 表单路径\n  path: { default: '', type: String },\n  // 表单接口\n  formUrl: { default: '', type: [String, Object] },\n  // 显示加载\n  isLoading: { default: true, type: Boolean },\n  // 默认高度\n  minHeight: { default: '100px', type: String },\n  // 是否为弹窗\n  isDialog: { default: false, type: Boolean },\n  // 弹窗显示后获取formData\n  dialogWait: { default: true, type: Boolean },\n  // 弹窗配置\n  dialog: {\n    default: () => {\n      return {\n        width: '800px',\n        fullscreen: false,\n        draggable: false,\n      }\n    },\n    type: Object,\n  },\n}\n\nexport type FormProps = ExtractPropTypes<typeof formProps>\n"],"names":[],"mappings":"AAEO,MAAM,SAAY,GAAA;AAAA;AAAA,EAEvB,QAAU,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,IAAK,EAAA;AAAA;AAAA,EAExC,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA;AAAA,EAEzC,WAAa,EAAA;AAAA,IACX,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,IAAM,EAAA,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,MAAO,EAAA;AAAA;AAAA,EAElC,OAAA,EAAS,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,CAAC,MAAA,EAAQ,MAAM,CAAE,EAAA;AAAA;AAAA,EAE/C,SAAW,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,SAAW,EAAA,EAAE,OAAS,EAAA,OAAA,EAAS,MAAM,MAAO,EAAA;AAAA;AAAA,EAE5C,QAAU,EAAA,EAAE,OAAS,EAAA,KAAA,EAAO,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,UAAY,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE3C,MAAQ,EAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,OAAA;AAAA,QACP,UAAY,EAAA,KAAA;AAAA,QACZ,SAAW,EAAA,KAAA;AAAA,OACb,CAAA;AAAA,KACF;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AACF;;;;"}
+{"version":3,"file":"props.mjs","sources":["../../../src/form/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const formProps = {\n  // 表单数据\n  formData: { type: Object, default: null },\n  // 是否提交\n  isSubmit: { type: Boolean, default: true },\n  // 表单配置\n  extraConfig: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n  // 表单路径\n  path: { default: '', type: String },\n  // 表单接口\n  formUrl: { default: '', type: [String, Object] },\n  // 显示加载\n  isLoading: { default: true, type: Boolean },\n  // 默认高度\n  minHeight: { default: '100px', type: String },\n  // 是否为弹窗\n  isDialog: { default: false, type: Boolean },\n  // 弹窗显示后获取formData\n  dialogWait: { default: true, type: Boolean },\n  // 弹窗配置\n  dialog: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n}\n\nexport type FormProps = ExtractPropTypes<typeof formProps>\n"],"names":[],"mappings":"AAEO,MAAM,SAAY,GAAA;AAAA;AAAA,EAEvB,QAAU,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,IAAK,EAAA;AAAA;AAAA,EAExC,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA;AAAA,EAEzC,WAAa,EAAA;AAAA,IACX,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,IAAM,EAAA,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,MAAO,EAAA;AAAA;AAAA,EAElC,OAAA,EAAS,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,CAAC,MAAA,EAAQ,MAAM,CAAE,EAAA;AAAA;AAAA,EAE/C,SAAW,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,SAAW,EAAA,EAAE,OAAS,EAAA,OAAA,EAAS,MAAM,MAAO,EAAA;AAAA;AAAA,EAE5C,QAAU,EAAA,EAAE,OAAS,EAAA,KAAA,EAAO,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,UAAY,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE3C,MAAQ,EAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AACF;;;;"}

package/es/index.d.ts

@@ -32,6 +32,8 @@ export * from './select';
 export * from './poster-input';
 export * from './style-animation-input';
 export * from './animate-select';
+export * from './uni-icon';
+export * from './uni-icon-input';
 export declare const install: (app: App, option?: any) => void;
 declare const _default: {
     install: (app: App<any>, option?: any) => void;

package/es/index.mjs

@@ -34,6 +34,8 @@ import { Select } from './select/index.mjs';
 import { PosterInput, Poster } from './poster-input/index.mjs';
 import { StyleAnimationInput } from './style-animation-input/index.mjs';
 import { AnimateSelect } from './animate-select/index.mjs';
+import { UniIconInput } from './uni-icon-input/index.mjs';
+import { UniIcon } from './uni-icon/index.mjs';
 import { directives, setGlobalConfig } from '@vipl520/utils';
 export { tinyEditorProps } from './tiny-editor/src/props.mjs';
 export { iconProps } from './icon/src/props.mjs';
@@ -68,6 +70,8 @@ export { selectProps } from './select/src/props.mjs';
 export { posterInputProps } from './poster-input/src/props.mjs';
 export { styleAnimationInputProps } from './style-animation-input/src/props.mjs';
 export { animateSelectProps } from './animate-select/src/props.mjs';
+export { uniIconProps } from './uni-icon/src/props.mjs';
+export { uniIconInputProps } from './uni-icon-input/src/props.mjs';
 
 const components = [
   Test,
@@ -146,7 +150,9 @@ const components = [
   // 海报
   Poster,
   Vue3DraggableResizable,
-  draggable
+  draggable,
+  UniIconInput,
+  UniIcon
   // TODO 普通上传 upload
   // TODO tag选择器  tag-input
   // TODO 链接选择器 link-input
@@ -167,5 +173,5 @@ var index = {
   install
 };
 
-export { AnimateSelect, Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleAnimationInput, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, VideoInput, VideoListInput, index as default, install };
+export { AnimateSelect, Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleAnimationInput, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, UniIcon, UniIconInput, VideoInput, VideoListInput, index as default, install };
 //# sourceMappingURL=index.mjs.map

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\n\nconst components = [\n  Test,\n  Group,\n  // 富文本编辑器\n  TinyEditor,\n  // 图标\n  Icon,\n  // 颜色选择器\n  ColorInput,\n  // 热区选择器\n  HotAreaInput,\n  // 对话框\n  Dialog,\n  // json表单\n  Form,\n  // 附件\n  Attachment,\n  // 附件弹窗\n  AttachmentDialog,\n  // 文件选择器\n  FileInput,\n  // 图片选择器\n  ImageInput,\n  // 音频选择器\n  AudioInput,\n  // 视频选择器\n  VideoInput,\n  // 多文件选择器\n  FileListInput,\n  // 多图片选择器\n  ImageListInput,\n  // 多音频选择器\n  AudioListInput,\n  // 多视频选择器\n  VideoListInput,\n  // 图标选择器\n  IconInput,\n  // 图标展示框\n  IconContent,\n  // 图片弹出框\n  IconDialog,\n  // DIY编辑器\n  PageDiy,\n  // 尺寸输入框（带px/%/rem/等单位）\n  BoxSizeInput,\n  // DIV盒子编辑器（padding/margin/width/height）\n  StyleBoxInput,\n  // 文字样式编辑器\n  StyleFontInput,\n  // 边框样式编辑器\n  StyleBorderInput,\n  // 阴影编辑器\n  StyleShadowInput,\n  // 阴影编辑框\n  StyleShadowContent,\n  // 背景编辑器\n  StyleBackgroundInput,\n  // 合并样式编辑\n  StyleInput,\n  // 定位编辑器\n  StylePositionInput,\n  // 样式文字\n  StyleNumberInput,\n  // 动画配置\n  StyleAnimationInput,\n  // 动画class选择\n  AnimateSelect,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  // 海报选择器\n  PosterInput,\n  // 海报\n  Poster,\n  Vue3DraggableResizable,\n  draggable,\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\n  // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n  components.forEach((item) => {\n    if (item.install!) {\n      app.use(item)\n    } else if (item.name) {\n      app.component(item.name, item)\n    }\n  })\n  directives(app)\n  setGlobalConfig(option)\n}\n\nexport default {\n  install,\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,mBAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA;AAAA;AAAA;AAAA;AAKF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { UniIconInput } from './uni-icon-input'\nimport { UniIcon } from './uni-icon'\n\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\nexport * from './uni-icon'\nexport * from './uni-icon-input'\n\nconst components = [\n  Test,\n  Group,\n  // 富文本编辑器\n  TinyEditor,\n  // 图标\n  Icon,\n  // 颜色选择器\n  ColorInput,\n  // 热区选择器\n  HotAreaInput,\n  // 对话框\n  Dialog,\n  // json表单\n  Form,\n  // 附件\n  Attachment,\n  // 附件弹窗\n  AttachmentDialog,\n  // 文件选择器\n  FileInput,\n  // 图片选择器\n  ImageInput,\n  // 音频选择器\n  AudioInput,\n  // 视频选择器\n  VideoInput,\n  // 多文件选择器\n  FileListInput,\n  // 多图片选择器\n  ImageListInput,\n  // 多音频选择器\n  AudioListInput,\n  // 多视频选择器\n  VideoListInput,\n  // 图标选择器\n  IconInput,\n  // 图标展示框\n  IconContent,\n  // 图片弹出框\n  IconDialog,\n  // DIY编辑器\n  PageDiy,\n  // 尺寸输入框（带px/%/rem/等单位）\n  BoxSizeInput,\n  // DIV盒子编辑器（padding/margin/width/height）\n  StyleBoxInput,\n  // 文字样式编辑器\n  StyleFontInput,\n  // 边框样式编辑器\n  StyleBorderInput,\n  // 阴影编辑器\n  StyleShadowInput,\n  // 阴影编辑框\n  StyleShadowContent,\n  // 背景编辑器\n  StyleBackgroundInput,\n  // 合并样式编辑\n  StyleInput,\n  // 定位编辑器\n  StylePositionInput,\n  // 样式文字\n  StyleNumberInput,\n  // 动画配置\n  StyleAnimationInput,\n  // 动画class选择\n  AnimateSelect,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  // 海报选择器\n  PosterInput,\n  // 海报\n  Poster,\n  Vue3DraggableResizable,\n  draggable,\n  UniIconInput,\n  UniIcon,\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\n  // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n  components.forEach((item) => {\n    if (item.install!) {\n      app.use(item)\n    } else if (item.name) {\n      app.component(item.name, item)\n    }\n  })\n  directives(app)\n  setGlobalConfig(option)\n}\n\nexport default {\n  install,\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,mBAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA;AAKF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}

package/es/index.scss

@@ -24,6 +24,8 @@
 @import './hot-area-input/style/index.scss';
 @import './animate-select/style/index.scss';
 @import './style-animation-input/style/index.scss';
+@import './uni-icon/style/index.scss';
+@import './uni-icon-input/style/index.scss';
 
 //
 ::-webkit-scrollbar {

package/es/page-diy/src/config/rule/min/common/DkMinTitle.d.ts

@@ -10,6 +10,7 @@ declare namespace _default {
         };
         showStyle: boolean;
         fixed: boolean;
+        setting: {};
     };
     export function props(): {
         type: string;

package/es/page-diy/src/config/rule/min/common/DkMinTitle.mjs

@@ -12,7 +12,8 @@ var DkMinTitle = {
         subtitle: "\u526F\u6807\u9898"
       },
       showStyle: true,
-      fixed: true
+      fixed: true,
+      setting: {}
     };
   },
   props() {

package/es/page-diy/src/config/rule/min/common/DkMinTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DkMinTitle.mjs","sources":["../../../../../../../src/page-diy/src/config/rule/min/common/DkMinTitle.js"],"sourcesContent":["const label = '标题'\nconst name = 'DkMinTitle'\n\nexport default {\n  icon: 'material-symbols:title',\n  label,\n  name,\n  rule() {\n    return {\n      type: name,\n      props: {\n        title: '主标题',\n        subtitle: '副标题',\n      },\n      showStyle: true,\n      fixed: true,\n    }\n  },\n  props() {\n    return [\n      {\n        type: 'radio',\n        field: 'type',\n        title: '类型',\n        value: '0',\n        options: [\n          { label: '默认', value: '0' },\n          { label: '副标题', value: '1' },\n        ],\n        control: [\n          {\n            value: '0',\n            rule: [\n              { type: 'input', field: 'title', title: '标题', value: '主标题' },\n              {\n                type: 'radio',\n                field: 'align',\n                title: '位置',\n                value: 'left',\n                options: [\n                  { label: '居左', value: 'left' },\n                  { label: '居中', value: 'center' },\n                ],\n              },\n              {\n                type: 'DkColorInput',\n                field: 'color',\n                title: '标题色',\n                value: '#000',\n              },\n            ],\n          },\n          {\n            value: '1',\n            rule: [\n              { type: 'input', field: 'title', title: '标题', value: '主标题' },\n              {\n                type: 'DkColorInput',\n                field: 'color',\n                title: '标题色',\n                value: '#000',\n              },\n              { type: 'input', field: 'subtitle', title: '副标题', value: '' },\n              {\n                type: 'DkColorInput',\n                field: 'subColor',\n                title: '副标题色',\n                value: '#999',\n              },\n              {\n                type: 'switch',\n                field: 'isMore',\n                title: '显示更多',\n                value: true,\n                control: [\n                  {\n                    value: true,\n                    rule: [\n                      {\n                        type: 'input',\n                        field: 'moreText',\n                        title: '文本内容',\n                        value: '查看更多',\n                      },\n                      {\n                        type: 'input',\n                        field: 'url',\n                        title: '链接地址',\n                        value: '',\n                      },\n                      {\n                        type: 'DkColorInput',\n                        field: 'moreColor',\n                        title: '颜色',\n                        value: '#999',\n                      },\n                    ],\n                  },\n                ],\n              },\n            ],\n          },\n        ],\n      },\n    ]\n  },\n}\n"],"names":[],"mappings":"AAAA,MAAM,KAAQ,GAAA,cAAA,CAAA;AACd,MAAM,IAAO,GAAA,YAAA,CAAA;AAEb,iBAAe;AAAA,EACb,IAAM,EAAA,wBAAA;AAAA,EACN,KAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAO,GAAA;AACL,IAAO,OAAA;AAAA,MACL,IAAM,EAAA,IAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,oBAAA;AAAA,QACP,QAAU,EAAA,oBAAA;AAAA,OACZ;AAAA,MACA,SAAW,EAAA,IAAA;AAAA,MACX,KAAO,EAAA,IAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,KAAQ,GAAA;AACN,IAAO,OAAA;AAAA,MACL;AAAA,QACE,IAAM,EAAA,OAAA;AAAA,QACN,KAAO,EAAA,MAAA;AAAA,QACP,KAAO,EAAA,cAAA;AAAA,QACP,KAAO,EAAA,GAAA;AAAA,QACP,OAAS,EAAA;AAAA,UACP,EAAE,KAAA,EAAO,cAAM,EAAA,KAAA,EAAO,GAAI,EAAA;AAAA,UAC1B,EAAE,KAAA,EAAO,oBAAO,EAAA,KAAA,EAAO,GAAI,EAAA;AAAA,SAC7B;AAAA,QACA,OAAS,EAAA;AAAA,UACP;AAAA,YACE,KAAO,EAAA,GAAA;AAAA,YACP,IAAM,EAAA;AAAA,cACJ,EAAE,MAAM,OAAS,EAAA,KAAA,EAAO,SAAS,KAAO,EAAA,cAAA,EAAM,OAAO,oBAAM,EAAA;AAAA,cAC3D;AAAA,gBACE,IAAM,EAAA,OAAA;AAAA,gBACN,KAAO,EAAA,OAAA;AAAA,gBACP,KAAO,EAAA,cAAA;AAAA,gBACP,KAAO,EAAA,MAAA;AAAA,gBACP,OAAS,EAAA;AAAA,kBACP,EAAE,KAAA,EAAO,cAAM,EAAA,KAAA,EAAO,MAAO,EAAA;AAAA,kBAC7B,EAAE,KAAA,EAAO,cAAM,EAAA,KAAA,EAAO,QAAS,EAAA;AAAA,iBACjC;AAAA,eACF;AAAA,cACA;AAAA,gBACE,IAAM,EAAA,cAAA;AAAA,gBACN,KAAO,EAAA,OAAA;AAAA,gBACP,KAAO,EAAA,oBAAA;AAAA,gBACP,KAAO,EAAA,MAAA;AAAA,eACT;AAAA,aACF;AAAA,WACF;AAAA,UACA;AAAA,YACE,KAAO,EAAA,GAAA;AAAA,YACP,IAAM,EAAA;AAAA,cACJ,EAAE,MAAM,OAAS,EAAA,KAAA,EAAO,SAAS,KAAO,EAAA,cAAA,EAAM,OAAO,oBAAM,EAAA;AAAA,cAC3D;AAAA,gBACE,IAAM,EAAA,cAAA;AAAA,gBACN,KAAO,EAAA,OAAA;AAAA,gBACP,KAAO,EAAA,oBAAA;AAAA,gBACP,KAAO,EAAA,MAAA;AAAA,eACT;AAAA,cACA,EAAE,MAAM,OAAS,EAAA,KAAA,EAAO,YAAY,KAAO,EAAA,oBAAA,EAAO,OAAO,EAAG,EAAA;AAAA,cAC5D;AAAA,gBACE,IAAM,EAAA,cAAA;AAAA,gBACN,KAAO,EAAA,UAAA;AAAA,gBACP,KAAO,EAAA,0BAAA;AAAA,gBACP,KAAO,EAAA,MAAA;AAAA,eACT;AAAA,cACA;AAAA,gBACE,IAAM,EAAA,QAAA;AAAA,gBACN,KAAO,EAAA,QAAA;AAAA,gBACP,KAAO,EAAA,0BAAA;AAAA,gBACP,KAAO,EAAA,IAAA;AAAA,gBACP,OAAS,EAAA;AAAA,kBACP;AAAA,oBACE,KAAO,EAAA,IAAA;AAAA,oBACP,IAAM,EAAA;AAAA,sBACJ;AAAA,wBACE,IAAM,EAAA,OAAA;AAAA,wBACN,KAAO,EAAA,UAAA;AAAA,wBACP,KAAO,EAAA,0BAAA;AAAA,wBACP,KAAO,EAAA,0BAAA;AAAA,uBACT;AAAA,sBACA;AAAA,wBACE,IAAM,EAAA,OAAA;AAAA,wBACN,KAAO,EAAA,KAAA;AAAA,wBACP,KAAO,EAAA,0BAAA;AAAA,wBACP,KAAO,EAAA,EAAA;AAAA,uBACT;AAAA,sBACA;AAAA,wBACE,IAAM,EAAA,cAAA;AAAA,wBACN,KAAO,EAAA,WAAA;AAAA,wBACP,KAAO,EAAA,cAAA;AAAA,wBACP,KAAO,EAAA,MAAA;AAAA,uBACT;AAAA,qBACF;AAAA,mBACF;AAAA,iBACF;AAAA,eACF;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;;;;"}
+{"version":3,"file":"DkMinTitle.mjs","sources":["../../../../../../../src/page-diy/src/config/rule/min/common/DkMinTitle.js"],"sourcesContent":["const label = '标题'\nconst name = 'DkMinTitle'\n\nexport default {\n  icon: 'material-symbols:title',\n  label,\n  name,\n  rule() {\n    return {\n      type: name,\n      props: {\n        title: '主标题',\n        subtitle: '副标题',\n      },\n      showStyle: true,\n      fixed: true,\n      setting: {},\n    }\n  },\n  props() {\n    return [\n      {\n        type: 'radio',\n        field: 'type',\n        title: '类型',\n        value: '0',\n        options: [\n          { label: '默认', value: '0' },\n          { label: '副标题', value: '1' },\n        ],\n        control: [\n          {\n            value: '0',\n            rule: [\n              { type: 'input', field: 'title', title: '标题', value: '主标题' },\n              {\n                type: 'radio',\n                field: 'align',\n                title: '位置',\n                value: 'left',\n                options: [\n                  { label: '居左', value: 'left' },\n                  { label: '居中', value: 'center' },\n                ],\n              },\n              {\n                type: 'DkColorInput',\n                field: 'color',\n                title: '标题色',\n                value: '#000',\n              },\n            ],\n          },\n          {\n            value: '1',\n            rule: [\n              { type: 'input', field: 'title', title: '标题', value: '主标题' },\n              {\n                type: 'DkColorInput',\n                field: 'color',\n                title: '标题色',\n                value: '#000',\n              },\n              { type: 'input', field: 'subtitle', title: '副标题', value: '' },\n              {\n                type: 'DkColorInput',\n                field: 'subColor',\n                title: '副标题色',\n                value: '#999',\n              },\n              {\n                type: 'switch',\n                field: 'isMore',\n                title: '显示更多',\n                value: true,\n                control: [\n                  {\n                    value: true,\n                    rule: [\n                      {\n                        type: 'input',\n                        field: 'moreText',\n                        title: '文本内容',\n                        value: '查看更多',\n                      },\n                      {\n                        type: 'input',\n                        field: 'url',\n                        title: '链接地址',\n                        value: '',\n                      },\n                      {\n                        type: 'DkColorInput',\n                        field: 'moreColor',\n                        title: '颜色',\n                        value: '#999',\n                      },\n                    ],\n                  },\n                ],\n              },\n            ],\n          },\n        ],\n      },\n    ]\n  },\n}\n"],"names":[],"mappings":"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"}

package/es/page-diy/src/config/rule/min/common/index.d.ts

@@ -172,6 +172,7 @@ export const commonMenu: ({
         };
         showStyle: boolean;
         fixed: boolean;
+        setting: {};
     };
     props(): {
         type: string;
@@ -484,6 +485,7 @@ export const commonRuleList: {
             };
             showStyle: boolean;
             fixed: boolean;
+            setting: {};
         };
         props(): {
             type: string;

package/es/page-diy/src/config/rule/min/index.d.ts

@@ -173,6 +173,7 @@ export const minRuleList: {
             };
             showStyle: boolean;
             fixed: boolean;
+            setting: {};
         };
         props(): {
             type: string;
@@ -488,6 +489,7 @@ export function createMinMenu(): {
             };
             showStyle: boolean;
             fixed: boolean;
+            setting: {};
         };
         props(): {
             type: string;

package/es/table/src/components/FieldRender.vue2.mjs

@@ -61,7 +61,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       fieldValue.value = val.value;
     }
     const getTagType = (value, custom) => {
-      return custom && custom[value] ? custom[value] : "";
+      return custom && custom[value] ? custom[value] : "primary";
     };
     const onChangeField = (value) => {
       DkTable.onTableAction("field-change", {

package/es/table/src/components/FieldRender.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FieldRender.vue2.mjs","sources":["../../../../src/table/src/components/FieldRender.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFieldRender',\n});\n</script>\n<template>\n  <!--图标-->\n  <div v-if=\"field.render == 'icon'\">\n    <dk-icon v-if=\"fieldValue || field.default\" :icon=\"fieldValue ? fieldValue : field.default\" />\n    <span v-else>-</span>\n  </div>\n\n  <!--开关-->\n  <el-switch\n    v-if=\"field.render == 'switch' && fieldValue !== ''\"\n    :model-value=\"fieldValue.toString()\"\n    :loading=\"row.loading\"\n    inactive-value=\"0\"\n    active-value=\"1\"\n    size=\"small\"\n    @change=\"onChangeField\"\n  ></el-switch>\n\n  <!-- 单图 -->\n  <div v-if=\"field.render == 'image' && fieldValue\" class=\"ba-render-image\">\n    <el-image\n      :hide-on-click-modal=\"true\"\n      :preview-teleported=\"true\"\n      :preview-src-list=\"[fieldValue]\"\n      :src=\"fieldValue\"\n      fit=\"cover\"\n      style=\"width: 50px; height: 50px\"\n    ></el-image>\n  </div>\n\n  <!--多图片-->\n  <div v-if=\"field.render == 'images'\" class=\"ba-render-image\">\n    <template v-if=\"Array.isArray(fieldValue) && fieldValue.length\">\n      <el-image\n        v-for=\"(item, idx) in fieldValue\"\n        :key=\"idx\"\n        :initial-index=\"idx\"\n        :preview-teleported=\"true\"\n        :preview-src-list=\"fieldValue\"\n        class=\"images-item\"\n        :src=\"item\"\n        style=\"width: 50px; height: 50px\"\n        :hide-on-click-modal=\"true\"\n      ></el-image>\n    </template>\n  </div>\n\n  <div v-if=\"field.render == 'tag' && fieldValue !== ''\">\n    <el-tag\n      :type=\"getTagType(fieldValue, field.custom)\"\n      :effect=\"field.effect ?? 'light'\"\n      :size=\"field.size ?? 'default'\"\n    >\n      {{ field.replaceValue ? field.replaceValue[fieldValue] : fieldValue }}\n    </el-tag>\n  </div>\n\n  <!-- tags -->\n  <div v-if=\"field.render == 'tags'\">\n    <template v-if=\"Array.isArray(fieldValue)\">\n      <template v-for=\"(tag, idx) in fieldValue\" :key=\"idx\">\n        <el-tag\n          v-if=\"tag !== ''\"\n          class=\"m-1px\"\n          :type=\"getTagType(tag, field.custom)\"\n          :effect=\"field.effect ?? 'light'\"\n          :size=\"field.size ?? 'default'\"\n        >\n          {{ field.replaceValue ? field.replaceValue[tag] ?? tag : tag }}</el-tag\n        >\n      </template>\n    </template>\n    <template v-else>\n      <el-tag\n        v-if=\"fieldValue !== ''\"\n        class=\"m-1px\"\n        :type=\"getTagType(fieldValue, field.custom)\"\n        :effect=\"field.effect ?? 'light'\"\n        :size=\"field.size ?? 'default'\"\n      >\n        {{ field.replaceValue ? field.replaceValue[fieldValue] ?? fieldValue : fieldValue }}\n      </el-tag>\n    </template>\n  </div>\n\n  <!-- url -->\n  <div v-if=\"field.render == 'url' && fieldValue\">\n    <el-input :model-value=\"fieldValue\" placeholder=\"链接地址\">\n      <template #append>\n        <el-button\n          @click=\"\n            typeof field.click == 'function'\n              ? field.click(row, field, fieldValue, column, index)\n              : openUrl(fieldValue, field.target)\n          \"\n        >\n          <dk-icon :color=\"'#606266'\" icon=\"Position\" />\n        </el-button>\n      </template>\n    </el-input>\n  </div>\n\n  <!-- datetime -->\n  <div v-if=\"field.render == 'datetime'\">\n    {{ !fieldValue ? '-' : timeFormat(fieldValue, field.timeFormat ?? undefined) }}\n  </div>\n\n  <div v-if=\"field.render == 'time'\">\n    {{ fieldValue }}\n  </div>\n  <div v-if=\"field.render == 'year'\">\n    {{ fieldValue }}\n  </div>\n  <!-- color -->\n  <div v-if=\"field.render == 'color'\">\n    <div :style=\"{ background: fieldValue }\" class=\"dk-render-color\"></div>\n  </div>\n\n  <!-- 自定义组件/函数渲染 -->\n  <component\n    :is=\"field.customRender\"\n    v-if=\"field.render == 'customRender'\"\n    :render-row=\"row\"\n    :render-field=\"field\"\n    :render-value=\"fieldValue\"\n    :render-column=\"column\"\n    :render-index=\"index\"\n  />\n\n  <!-- 按钮组 -->\n  <!-- 只对默认的编辑、删除、排序按钮进行鉴权，其他按钮请通过 display 属性控制按钮是否显示 -->\n  <div v-if=\"field.render == 'buttons' && field.buttons\">\n    <template v-for=\"(btn, idx) in field.buttons\" :key=\"idx\">\n      <template v-if=\"btn.display ? btn.display(row, field) : true\">\n        <!-- 常规按钮 未使用-->\n        <el-button\n          v-if=\"btn.render == 'basicButton'\"\n          v-blur\n          :class=\"btn.class\"\n          class=\"table-operate\"\n          :type=\"btn.type\"\n          :disabled=\"btn.disabled && btn.disabled(row, field)\"\n          v-bind=\"btn.attr\"\n          @click=\"onButtonClick(btn)\"\n        >\n          <dk-icon :icon=\"btn.icon\" />\n          <div v-if=\"btn.text\" class=\"table-operate-text\">{{ btn.text }}</div>\n        </el-button>\n\n        <!-- 带提示信息的按钮 -->\n        <el-tooltip\n          v-if=\"btn.render == 'tipButton' && ((btn.name == 'edit' && DkTable.auth('edit')) || btn.name != 'edit')\"\n          :disabled=\"!(btn.title && !btn.disabledTip)\"\n          :content=\"btn.title ?? ''\"\n          placement=\"top\"\n          :hide-after=\"0\"\n          :show-after=\"100\"\n        >\n          <el-button\n            v-blur\n            :class=\"btn.class\"\n            class=\"table-operate\"\n            :type=\"btn.type\"\n            :disabled=\"btn.disabled && btn.disabled(row, field)\"\n            v-bind=\"btn.attr\"\n            @click=\"onButtonClick(btn)\"\n          >\n            <dk-icon :icon=\"btn.icon\" />\n            <div v-if=\"btn.text\" class=\"table-operate-text\">{{ btn.text }}</div>\n          </el-button>\n        </el-tooltip>\n\n        <!-- 带确认框的按钮 -->\n        <el-popconfirm\n          v-if=\"\n            btn.render == 'confirmButton' && ((btn.name == 'delete' && DkTable.auth('del')) || btn.name != 'delete')\n          \"\n          :disabled=\"btn.disabled && btn.disabled(row, field)\"\n          v-bind=\"btn.popconfirm\"\n          :hide-after=\"0\"\n          :show-after=\"100\"\n          @confirm=\"onButtonClick(btn)\"\n        >\n          <template #reference>\n            <div class=\"dk-tooltip-button\">\n              <el-tooltip :disabled=\"!btn.title\" :content=\"btn.title ?? ''\" placement=\"top\">\n                <el-button\n                  v-blur\n                  :class=\"btn.class\"\n                  class=\"table-operate\"\n                  :type=\"btn.type\"\n                  :disabled=\"btn.disabled && btn.disabled(row, field)\"\n                  v-bind=\"btn.attr\"\n                >\n                  <dk-icon :icon=\"btn.icon\" />\n                  <div v-if=\"btn.text\" class=\"table-operate-text\">\n                    {{ btn.text }}\n                  </div>\n                </el-button>\n              </el-tooltip>\n            </div>\n          </template>\n        </el-popconfirm>\n\n        <!-- 带提示的可拖拽按钮 -->\n        <el-tooltip\n          v-if=\"\n            btn.render == 'moveButton' &&\n            ((btn.name == 'weigh-sort' && DkTable.auth('sortable')) || btn.name != 'weigh-sort')\n          \"\n          :disabled=\"!(btn.title && !btn.disabledTip)\"\n          :content=\"btn.title ?? ''\"\n          :hide-after=\"0\"\n          :show-after=\"100\"\n          placement=\"top\"\n        >\n          <el-button\n            :class=\"btn.class\"\n            class=\"table-operate move-button\"\n            :type=\"btn.type\"\n            :disabled=\"btn.disabled && btn.disabled(row, field)\"\n            v-bind=\"btn.attr\"\n            size=\"small\"\n          >\n            <dk-icon :icon=\"btn.icon\" />\n            <div v-if=\"btn.text\" class=\"table-operate-text\">{{ btn.text }}</div>\n          </el-button>\n        </el-tooltip>\n      </template>\n    </template>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { inject, ref } from 'vue'\nimport type { TableColumnCtx, TagProps } from 'element-plus'\nimport { openUrl, timeFormat } from '@vipl520/utils'\nimport type dkTable from '../../utils/dkTable'\n\nconst DkTable = inject('DkTable') as dkTable\n\ninterface Props {\n  row: TableRow\n  field: TableColumn\n  column: TableColumnCtx<TableRow>\n  index: number\n}\nconst props = defineProps<Props>()\n\nconst fieldName: any = ref(props.field.prop)\nconst fieldValue = ref(props.row[fieldName.value] ?? '')\n\nif (fieldName.value && fieldName.value.indexOf('.') > -1) {\n  const fieldNameArr = fieldName.value.split('.')\n  const val: any = ref(props.row[fieldNameArr[0]])\n  for (let index = 1; index < fieldNameArr.length; index++) {\n    val.value = val.value ? val.value[fieldNameArr[index]] ?? '' : ''\n  }\n  fieldValue.value = val.value\n}\n\nconst getTagType = (value: string, custom: any): TagProps['type'] => {\n  return custom && custom[value] ? custom[value] : ''\n}\n\nconst onChangeField = (value: any) => {\n  DkTable.onTableAction('field-change', {\n    ...props,\n    value,\n  })\n}\n\nconst onButtonClick = (btn: OptButton) => {\n  if (typeof btn.click === 'function') {\n    btn.click(props.row, props.field)\n    return\n  }\n  DkTable.onTableAction(btn.name, props)\n}\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;AAgPD,IAAM,MAAA,OAAA,GAAU,OAAO,SAAS,CAAA,CAAA;AAUhC,IAAA,MAAM,SAAiB,GAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAC3C,IAAA,MAAM,aAAa,GAAI,CAAA,KAAA,CAAM,IAAI,SAAU,CAAA,KAAK,KAAK,EAAE,CAAA,CAAA;AAEvD,IAAA,IAAI,UAAU,KAAS,IAAA,SAAA,CAAU,MAAM,OAAQ,CAAA,GAAG,IAAI,CAAI,CAAA,EAAA;AACxD,MAAA,MAAM,YAAe,GAAA,SAAA,CAAU,KAAM,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAC9C,MAAA,MAAM,MAAW,GAAI,CAAA,KAAA,CAAM,IAAI,YAAa,CAAA,CAAC,CAAC,CAAC,CAAA,CAAA;AAC/C,MAAA,KAAA,IAAS,KAAQ,GAAA,CAAA,EAAG,KAAQ,GAAA,YAAA,CAAa,QAAQ,KAAS,EAAA,EAAA;AACxD,QAAI,GAAA,CAAA,KAAA,GAAQ,IAAI,KAAQ,GAAA,GAAA,CAAI,MAAM,YAAa,CAAA,KAAK,CAAC,CAAA,IAAK,EAAK,GAAA,EAAA,CAAA;AAAA,OACjE;AACA,MAAA,UAAA,CAAW,QAAQ,GAAI,CAAA,KAAA,CAAA;AAAA,KACzB;AAEA,IAAM,MAAA,UAAA,GAAa,CAAC,KAAA,EAAe,MAAkC,KAAA;AACnE,MAAA,OAAO,UAAU,MAAO,CAAA,KAAK,CAAI,GAAA,MAAA,CAAO,KAAK,CAAI,GAAA,EAAA,CAAA;AAAA,KACnD,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,CAAC,KAAe,KAAA;AACpC,MAAA,OAAA,CAAQ,cAAc,cAAgB,EAAA;AAAA,QACpC,GAAG,KAAA;AAAA,QACH,KAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,CAAC,GAAmB,KAAA;AACxC,MAAI,IAAA,OAAO,GAAI,CAAA,KAAA,KAAU,UAAY,EAAA;AACnC,QAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,GAAK,EAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAChC,QAAA,OAAA;AAAA,OACF;AACA,MAAQ,OAAA,CAAA,aAAA,CAAc,GAAI,CAAA,IAAA,EAAM,KAAK,CAAA,CAAA;AAAA,KACvC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FieldRender.vue2.mjs","sources":["../../../../src/table/src/components/FieldRender.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFieldRender',\n});\n</script>\n<template>\n  <!--图标-->\n  <div v-if=\"field.render == 'icon'\">\n    <dk-icon v-if=\"fieldValue || field.default\" :icon=\"fieldValue ? fieldValue : field.default\" />\n    <span v-else>-</span>\n  </div>\n\n  <!--开关-->\n  <el-switch\n    v-if=\"field.render == 'switch' && fieldValue !== ''\"\n    :model-value=\"fieldValue.toString()\"\n    :loading=\"row.loading\"\n    inactive-value=\"0\"\n    active-value=\"1\"\n    size=\"small\"\n    @change=\"onChangeField\"\n  ></el-switch>\n\n  <!-- 单图 -->\n  <div v-if=\"field.render == 'image' && fieldValue\" class=\"ba-render-image\">\n    <el-image\n      :hide-on-click-modal=\"true\"\n      :preview-teleported=\"true\"\n      :preview-src-list=\"[fieldValue]\"\n      :src=\"fieldValue\"\n      fit=\"cover\"\n      style=\"width: 50px; height: 50px\"\n    ></el-image>\n  </div>\n\n  <!--多图片-->\n  <div v-if=\"field.render == 'images'\" class=\"ba-render-image\">\n    <template v-if=\"Array.isArray(fieldValue) && fieldValue.length\">\n      <el-image\n        v-for=\"(item, idx) in fieldValue\"\n        :key=\"idx\"\n        :initial-index=\"idx\"\n        :preview-teleported=\"true\"\n        :preview-src-list=\"fieldValue\"\n        class=\"images-item\"\n        :src=\"item\"\n        style=\"width: 50px; height: 50px\"\n        :hide-on-click-modal=\"true\"\n      ></el-image>\n    </template>\n  </div>\n\n  <div v-if=\"field.render == 'tag' && fieldValue !== ''\">\n    <el-tag\n      :type=\"getTagType(fieldValue, field.custom)\"\n      :effect=\"field.effect ?? 'light'\"\n      :size=\"field.size ?? 'default'\"\n    >\n      {{ field.replaceValue ? field.replaceValue[fieldValue] : fieldValue }}\n    </el-tag>\n  </div>\n\n  <!-- tags -->\n  <div v-if=\"field.render == 'tags'\">\n    <template v-if=\"Array.isArray(fieldValue)\">\n      <template v-for=\"(tag, idx) in fieldValue\" :key=\"idx\">\n        <el-tag\n          v-if=\"tag !== ''\"\n          class=\"m-1px\"\n          :type=\"getTagType(tag, field.custom)\"\n          :effect=\"field.effect ?? 'light'\"\n          :size=\"field.size ?? 'default'\"\n        >\n          {{ field.replaceValue ? field.replaceValue[tag] ?? tag : tag }}</el-tag\n        >\n      </template>\n    </template>\n    <template v-else>\n      <el-tag\n        v-if=\"fieldValue !== ''\"\n        class=\"m-1px\"\n        :type=\"getTagType(fieldValue, field.custom)\"\n        :effect=\"field.effect ?? 'light'\"\n        :size=\"field.size ?? 'default'\"\n      >\n        {{ field.replaceValue ? field.replaceValue[fieldValue] ?? fieldValue : fieldValue }}\n      </el-tag>\n    </template>\n  </div>\n\n  <!-- url -->\n  <div v-if=\"field.render == 'url' && fieldValue\">\n    <el-input :model-value=\"fieldValue\" placeholder=\"链接地址\">\n      <template #append>\n        <el-button\n          @click=\"\n            typeof field.click == 'function'\n              ? field.click(row, field, fieldValue, column, index)\n              : openUrl(fieldValue, field.target)\n          \"\n        >\n          <dk-icon :color=\"'#606266'\" icon=\"Position\" />\n        </el-button>\n      </template>\n    </el-input>\n  </div>\n\n  <!-- datetime -->\n  <div v-if=\"field.render == 'datetime'\">\n    {{ !fieldValue ? '-' : timeFormat(fieldValue, field.timeFormat ?? undefined) }}\n  </div>\n\n  <div v-if=\"field.render == 'time'\">\n    {{ fieldValue }}\n  </div>\n  <div v-if=\"field.render == 'year'\">\n    {{ fieldValue }}\n  </div>\n  <!-- color -->\n  <div v-if=\"field.render == 'color'\">\n    <div :style=\"{ background: fieldValue }\" class=\"dk-render-color\"></div>\n  </div>\n\n  <!-- 自定义组件/函数渲染 -->\n  <component\n    :is=\"field.customRender\"\n    v-if=\"field.render == 'customRender'\"\n    :render-row=\"row\"\n    :render-field=\"field\"\n    :render-value=\"fieldValue\"\n    :render-column=\"column\"\n    :render-index=\"index\"\n  />\n\n  <!-- 按钮组 -->\n  <!-- 只对默认的编辑、删除、排序按钮进行鉴权，其他按钮请通过 display 属性控制按钮是否显示 -->\n  <div v-if=\"field.render == 'buttons' && field.buttons\">\n    <template v-for=\"(btn, idx) in field.buttons\" :key=\"idx\">\n      <template v-if=\"btn.display ? btn.display(row, field) : true\">\n        <!-- 常规按钮 未使用-->\n        <el-button\n          v-if=\"btn.render == 'basicButton'\"\n          v-blur\n          :class=\"btn.class\"\n          class=\"table-operate\"\n          :type=\"btn.type\"\n          :disabled=\"btn.disabled && btn.disabled(row, field)\"\n          v-bind=\"btn.attr\"\n          @click=\"onButtonClick(btn)\"\n        >\n          <dk-icon :icon=\"btn.icon\" />\n          <div v-if=\"btn.text\" class=\"table-operate-text\">{{ btn.text }}</div>\n        </el-button>\n\n        <!-- 带提示信息的按钮 -->\n        <el-tooltip\n          v-if=\"btn.render == 'tipButton' && ((btn.name == 'edit' && DkTable.auth('edit')) || btn.name != 'edit')\"\n          :disabled=\"!(btn.title && !btn.disabledTip)\"\n          :content=\"btn.title ?? ''\"\n          placement=\"top\"\n          :hide-after=\"0\"\n          :show-after=\"100\"\n        >\n          <el-button\n            v-blur\n            :class=\"btn.class\"\n            class=\"table-operate\"\n            :type=\"btn.type\"\n            :disabled=\"btn.disabled && btn.disabled(row, field)\"\n            v-bind=\"btn.attr\"\n            @click=\"onButtonClick(btn)\"\n          >\n            <dk-icon :icon=\"btn.icon\" />\n            <div v-if=\"btn.text\" class=\"table-operate-text\">{{ btn.text }}</div>\n          </el-button>\n        </el-tooltip>\n\n        <!-- 带确认框的按钮 -->\n        <el-popconfirm\n          v-if=\"\n            btn.render == 'confirmButton' && ((btn.name == 'delete' && DkTable.auth('del')) || btn.name != 'delete')\n          \"\n          :disabled=\"btn.disabled && btn.disabled(row, field)\"\n          v-bind=\"btn.popconfirm\"\n          :hide-after=\"0\"\n          :show-after=\"100\"\n          @confirm=\"onButtonClick(btn)\"\n        >\n          <template #reference>\n            <div class=\"dk-tooltip-button\">\n              <el-tooltip :disabled=\"!btn.title\" :content=\"btn.title ?? ''\" placement=\"top\">\n                <el-button\n                  v-blur\n                  :class=\"btn.class\"\n                  class=\"table-operate\"\n                  :type=\"btn.type\"\n                  :disabled=\"btn.disabled && btn.disabled(row, field)\"\n                  v-bind=\"btn.attr\"\n                >\n                  <dk-icon :icon=\"btn.icon\" />\n                  <div v-if=\"btn.text\" class=\"table-operate-text\">\n                    {{ btn.text }}\n                  </div>\n                </el-button>\n              </el-tooltip>\n            </div>\n          </template>\n        </el-popconfirm>\n\n        <!-- 带提示的可拖拽按钮 -->\n        <el-tooltip\n          v-if=\"\n            btn.render == 'moveButton' &&\n            ((btn.name == 'weigh-sort' && DkTable.auth('sortable')) || btn.name != 'weigh-sort')\n          \"\n          :disabled=\"!(btn.title && !btn.disabledTip)\"\n          :content=\"btn.title ?? ''\"\n          :hide-after=\"0\"\n          :show-after=\"100\"\n          placement=\"top\"\n        >\n          <el-button\n            :class=\"btn.class\"\n            class=\"table-operate move-button\"\n            :type=\"btn.type\"\n            :disabled=\"btn.disabled && btn.disabled(row, field)\"\n            v-bind=\"btn.attr\"\n            size=\"small\"\n          >\n            <dk-icon :icon=\"btn.icon\" />\n            <div v-if=\"btn.text\" class=\"table-operate-text\">{{ btn.text }}</div>\n          </el-button>\n        </el-tooltip>\n      </template>\n    </template>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { inject, ref } from 'vue'\nimport type { TableColumnCtx, TagProps } from 'element-plus'\nimport { openUrl, timeFormat } from '@vipl520/utils'\nimport type dkTable from '../../utils/dkTable'\n\nconst DkTable = inject('DkTable') as dkTable\n\ninterface Props {\n  row: TableRow\n  field: TableColumn\n  column: TableColumnCtx<TableRow>\n  index: number\n}\nconst props = defineProps<Props>()\n\nconst fieldName: any = ref(props.field.prop)\nconst fieldValue = ref(props.row[fieldName.value] ?? '')\n\nif (fieldName.value && fieldName.value.indexOf('.') > -1) {\n  const fieldNameArr = fieldName.value.split('.')\n  const val: any = ref(props.row[fieldNameArr[0]])\n  for (let index = 1; index < fieldNameArr.length; index++) {\n    val.value = val.value ? val.value[fieldNameArr[index]] ?? '' : ''\n  }\n  fieldValue.value = val.value\n}\n\nconst getTagType = (value: string, custom: any): TagProps['type'] => {\n  return custom && custom[value] ? custom[value] : 'primary'\n}\n\nconst onChangeField = (value: any) => {\n  DkTable.onTableAction('field-change', {\n    ...props,\n    value,\n  })\n}\n\nconst onButtonClick = (btn: OptButton) => {\n  if (typeof btn.click === 'function') {\n    btn.click(props.row, props.field)\n    return\n  }\n  DkTable.onTableAction(btn.name, props)\n}\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;AAgPD,IAAM,MAAA,OAAA,GAAU,OAAO,SAAS,CAAA,CAAA;AAUhC,IAAA,MAAM,SAAiB,GAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAC3C,IAAA,MAAM,aAAa,GAAI,CAAA,KAAA,CAAM,IAAI,SAAU,CAAA,KAAK,KAAK,EAAE,CAAA,CAAA;AAEvD,IAAA,IAAI,UAAU,KAAS,IAAA,SAAA,CAAU,MAAM,OAAQ,CAAA,GAAG,IAAI,CAAI,CAAA,EAAA;AACxD,MAAA,MAAM,YAAe,GAAA,SAAA,CAAU,KAAM,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAC9C,MAAA,MAAM,MAAW,GAAI,CAAA,KAAA,CAAM,IAAI,YAAa,CAAA,CAAC,CAAC,CAAC,CAAA,CAAA;AAC/C,MAAA,KAAA,IAAS,KAAQ,GAAA,CAAA,EAAG,KAAQ,GAAA,YAAA,CAAa,QAAQ,KAAS,EAAA,EAAA;AACxD,QAAI,GAAA,CAAA,KAAA,GAAQ,IAAI,KAAQ,GAAA,GAAA,CAAI,MAAM,YAAa,CAAA,KAAK,CAAC,CAAA,IAAK,EAAK,GAAA,EAAA,CAAA;AAAA,OACjE;AACA,MAAA,UAAA,CAAW,QAAQ,GAAI,CAAA,KAAA,CAAA;AAAA,KACzB;AAEA,IAAM,MAAA,UAAA,GAAa,CAAC,KAAA,EAAe,MAAkC,KAAA;AACnE,MAAA,OAAO,UAAU,MAAO,CAAA,KAAK,CAAI,GAAA,MAAA,CAAO,KAAK,CAAI,GAAA,SAAA,CAAA;AAAA,KACnD,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,CAAC,KAAe,KAAA;AACpC,MAAA,OAAA,CAAQ,cAAc,cAAgB,EAAA;AAAA,QACpC,GAAG,KAAA;AAAA,QACH,KAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,CAAC,GAAmB,KAAA;AACxC,MAAI,IAAA,OAAO,GAAI,CAAA,KAAA,KAAU,UAAY,EAAA;AACnC,QAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,GAAK,EAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAChC,QAAA,OAAA;AAAA,OACF;AACA,MAAQ,OAAA,CAAA,aAAA,CAAc,GAAI,CAAA,IAAA,EAAM,KAAK,CAAA,CAAA;AAAA,KACvC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}