@kp-ui/lowcode-pc 1.0.0-alpha.3 → 1.0.0-alpha.4

package/assets/radio-widget.mjs

@@ -1,8 +1,7 @@
 import { defineComponent, onMounted, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementBlock, isRef, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString } from "vue";
 import FormItemWrapper from "./form-item-wrapper.mjs";
-import { u as useField } from "./useField.mjs";
 import { u as useSelect } from "./useSelect.mjs";
-import { C as ComponentNameEnum, W as WidgetTypeEnum, _ as _export_sfc } from "./install.mjs";
+import { C as ComponentNameEnum, W as WidgetTypeEnum, u as useField, _ as _export_sfc } from "./install.mjs";
 const _hoisted_1 = {
   key: 1,
   class: "readonly-mode-field"
@@ -87,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const radioWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e53bb148"]]);
+const radioWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-43b5b05c"]]);
 export {
   radioWidget as default
 };

package/assets/radio-widget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-widget.mjs","sources":["../../src/components/field-widget/radio-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n        <a-radio-group\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :size=\"size\"\n            v-if=\"!isReadMode\"\n            :disabled=\"handleDisabled\"\n        >\n            <a-radio\n                v-for=\"(item, index) in field.options.optionItems\"\n                :key=\"index\"\n                :value=\"item[field.options.valueKey]\"\n                :disabled=\"item.disabled\"\n                :border=\"field.options.border\"\n                :style=\"{ display: field.options.displayStyle }\"\n            >\n                {{ item[field.options.labelKey] }}\n            </a-radio>\n        </a-radio-group>\n        <template v-else=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    import { useSelect } from './hooks/useSelect';\n    import { onMounted } from 'vue';\n    defineOptions({\n        name: WidgetTypeEnum.radio,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const {\n        rules,\n        field,\n        fieldModel,\n        isReadMode,\n        designState,\n        size,\n        handleHidden,\n        handleDisabled,\n        fieldEditor,\n        defineExposed\n    } = useField(props);\n\n    const { optionLabel, initOptionItems } = useSelect({\n        designState,\n        fieldModel,\n        field: props.field\n    });\n    onMounted(() => {\n        initOptionItems();\n    });\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,aAAa,gBAAA,IAAoB,UAAU;AAAA,MAC/C;AAAA,MACA;AAAA,MACA,OAAO,MAAM;AAAA,IAAA,CAChB;AACD,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AACD,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;;cA5DuDA,MAAA,YAAA,KAAxDC,aAAAC,YAsBoB,iBAtBpBC,WAsBoB,EAAA,KAAA,EAAA,GAtBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAiBgB;AAAA,WAbLA,MAAA,UAAA,kBAJXE,YAiBgB,0BAAA;AAAA;qBAhBR;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YACxB,MAAMA,MAAA,IAAA;AAAA,YAEN,UAAUA,MAAA,cAAA;AAAA,UAAA;6BAGP,MAAkD;AAAA,gCADtDI,mBASUC,UAAA,MAAAC,WARkBN,aAAM,QAAQ,aAAW,CAAzC,MAAM,UAAK;oCADvBE,YASU,oBAAA;AAAA,kBAPL,KAAK;AAAA,kBACL,OAAO,KAAKF,aAAM,QAAQ,QAAQ;AAAA,kBAClC,UAAU,KAAK;AAAA,kBACf,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,kBACtB,OAAKO,eAAA,EAAA,SAAaP,MAAA,KAAA,EAAM,QAAQ,aAAA,CAAY;AAAA,gBAAA;mCAE7C,MAAkC;AAAA,oBAA/BQ,gBAAAC,gBAAA,KAAKT,MAAA,KAAA,EAAM,QAAQ,QAAQ,CAAA,GAAA,CAAA;AAAA,kBAAA;;;;;;gEAIlCI,mBAA0D,QAA1D,YAA0DK,gBAArBT,MAAA,WAAA,CAAW,GAAA,CAAA;AAAA,QAAA;;;;;;;"}
+{"version":3,"file":"radio-widget.mjs","sources":["../../src/components/field-widget/radio-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n        <a-radio-group\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :size=\"size\"\n            v-if=\"!isReadMode\"\n            :disabled=\"handleDisabled\"\n        >\n            <a-radio\n                v-for=\"(item, index) in field.options.optionItems\"\n                :key=\"index\"\n                :value=\"item[field.options.valueKey]\"\n                :disabled=\"item.disabled\"\n                :border=\"field.options.border\"\n                :style=\"{ display: field.options.displayStyle }\"\n            >\n                {{ item[field.options.labelKey] }}\n            </a-radio>\n        </a-radio-group>\n        <template v-else=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    import { useSelect } from './hooks/useSelect';\n    import { onMounted } from 'vue';\n    defineOptions({\n        name: WidgetTypeEnum.radio,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const {\n        rules,\n        field,\n        fieldModel,\n        isReadMode,\n        designState,\n        size,\n        handleHidden,\n        handleDisabled,\n        fieldEditor,\n        defineExposed\n    } = useField(props);\n\n    const { optionLabel, initOptionItems } = useSelect({\n        designState,\n        fieldModel,\n        field: props.field\n    });\n    onMounted(() => {\n        initOptionItems();\n    });\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,aAAa,gBAAA,IAAoB,UAAU;AAAA,MAC/C;AAAA,MACA;AAAA,MACA,OAAO,MAAM;AAAA,IAAA,CAChB;AACD,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AACD,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;;cA5DuDA,MAAA,YAAA,KAAxDC,aAAAC,YAsBoB,iBAtBpBC,WAsBoB,EAAA,KAAA,EAAA,GAtBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAiBgB;AAAA,WAbLA,MAAA,UAAA,kBAJXE,YAiBgB,0BAAA;AAAA;qBAhBR;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YACxB,MAAMA,MAAA,IAAA;AAAA,YAEN,UAAUA,MAAA,cAAA;AAAA,UAAA;6BAGP,MAAkD;AAAA,gCADtDI,mBASUC,UAAA,MAAAC,WARkBN,aAAM,QAAQ,aAAW,CAAzC,MAAM,UAAK;oCADvBE,YASU,oBAAA;AAAA,kBAPL,KAAK;AAAA,kBACL,OAAO,KAAKF,aAAM,QAAQ,QAAQ;AAAA,kBAClC,UAAU,KAAK;AAAA,kBACf,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,kBACtB,OAAKO,eAAA,EAAA,SAAaP,MAAA,KAAA,EAAM,QAAQ,aAAA,CAAY;AAAA,gBAAA;mCAE7C,MAAkC;AAAA,oBAA/BQ,gBAAAC,gBAAA,KAAKT,MAAA,KAAA,EAAM,QAAQ,QAAQ,CAAA,GAAA,CAAA;AAAA,kBAAA;;;;;;gEAIlCI,mBAA0D,QAA1D,YAA0DK,gBAArBT,MAAA,WAAA,CAAW,GAAA,CAAA;AAAA,QAAA;;;;;;;"}

package/assets/rate-widget.mjs

@@ -1,7 +1,6 @@
 import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createVNode, isRef } from "vue";
 import FormItemWrapper from "./form-item-wrapper.mjs";
-import { u as useField } from "./useField.mjs";
-import { C as ComponentNameEnum, W as WidgetTypeEnum, _ as _export_sfc } from "./install.mjs";
+import { C as ComponentNameEnum, W as WidgetTypeEnum, u as useField, _ as _export_sfc } from "./install.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: WidgetTypeEnum.rate,
@@ -45,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const rateWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-562f0b47"]]);
+const rateWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b2636168"]]);
 export {
   rateWidget as default
 };

package/assets/rate-widget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rate-widget.mjs","sources":["../../src/components/field-widget/rate-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <a-rate\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :disabled=\"handleDisabled\"\n            :allowClear=\"field.options.allowClear\"\n            :count=\"field.options.count\"\n            :allow-half=\"field.options.allowHalf\"\n        />\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.rate,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, fieldEditor, field, fieldModel, handleHidden, handleDisabled, defineExposed } =\n        useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBI,UAAM,QAAQ;AAEd,UAAM,EAAE,OAAO,aAAa,OAAO,YAAY,cAAc,gBAAgB,cAAA,IACzE,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cA5BwCA,MAAA,YAAA,KAAzCC,aAAAC,YASoB,iBATpBC,WASoB,EAAA,KAAA,EAAA,GATO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAOE;AAAA,UAPFI,YAOE,mBAAA;AAAA,qBANM;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOJ,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YACxB,UAAUA,MAAA,cAAA;AAAA,YACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC1B,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACrB,cAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"rate-widget.mjs","sources":["../../src/components/field-widget/rate-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <a-rate\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :disabled=\"handleDisabled\"\n            :allowClear=\"field.options.allowClear\"\n            :count=\"field.options.count\"\n            :allow-half=\"field.options.allowHalf\"\n        />\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.rate,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, fieldEditor, field, fieldModel, handleHidden, handleDisabled, defineExposed } =\n        useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBI,UAAM,QAAQ;AAEd,UAAM,EAAE,OAAO,aAAa,OAAO,YAAY,cAAc,gBAAgB,cAAA,IACzE,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cA5BwCA,MAAA,YAAA,KAAzCC,aAAAC,YASoB,iBATpBC,WASoB,EAAA,KAAA,EAAA,GATO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAOE;AAAA,UAPFI,YAOE,mBAAA;AAAA,qBANM;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOJ,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YACxB,UAAUA,MAAA,cAAA;AAAA,YACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC1B,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACrB,cAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,UAAA;;;;;;;;"}

package/assets/select-widget.mjs

@@ -1,9 +1,8 @@
 import { defineComponent, onMounted, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, withDirectives, createElementBlock, createElementVNode, normalizeClass, createVNode, isRef, vShow, toDisplayString } from "vue";
 import FormItemWrapper from "./form-item-wrapper.mjs";
 import { SvgIcon } from "tmgc2-share";
-import { u as useField } from "./useField.mjs";
 import { u as useSelect } from "./useSelect.mjs";
-import { _ as _export_sfc } from "./install.mjs";
+import { u as useField, _ as _export_sfc } from "./install.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "readonly-mode-field"
@@ -99,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const selectWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3c936a7"]]);
+const selectWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d0796c07"]]);
 export {
   selectWidget as default
 };

package/assets/select-widget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-widget.mjs","sources":["../../src/components/field-widget/select-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div\n            class=\"design-select-box\"\n            :class=\"{ useModal: field.options.useModal }\"\n            v-show=\"!isReadMode\"\n        >\n            <a-select\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                v-show=\"!isReadMode\"\n                :size=\"size\"\n                class=\"full-width-input\"\n                :disabled=\"handleDisabled\"\n                :allowClear=\"field.options.allowClear\"\n                :showArrow=\"true\"\n                :dropdownMatchSelectWidth=\"true\"\n                :mode=\"field.options.mode\"\n                :maxTagCount=\"field.options.maxTagCount\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :onFocus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                :options=\"field.options.optionItems\"\n                v-bind=\"selectOps\"\n            />\n            <div v-if=\"field.options.useModal\" class=\"useModal-svg\" @click=\"handleClickIcon\">\n                <svg-icon icon-class=\"icon-sousuo\" />\n            </div>\n        </div>\n        <template v-if=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { SvgIcon } from 'tmgc2-share';\n    import { useField, type FieldProps } from './useField';\n    import { useSelect } from './hooks/useSelect';\n    import { onMounted } from 'vue';\n    defineOptions({\n        name: 'select-widget'\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const {\n        rules,\n        i18nt,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        designState,\n\n        fieldEditor,\n        handleHidden,\n        handleDisabled,\n        handleClickIcon,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    const { selectOps, optionLabel, initOptionItems, selectDefineExpose } = useSelect({\n        field,\n        designState,\n        fieldModel\n    });\n\n    onMounted(() => {\n        initOptionItems();\n    });\n\n    defineExpose({\n        ...selectDefineExpose,\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .design-select-box {\n        display: flex;\n        width: 100%;\n        &.useModal {\n            :deep(.ant-select-selector) {\n                border-top-right-radius: 0;\n                border-bottom-right-radius: 0;\n            }\n        }\n        .ant-select {\n            flex: 1 0 0;\n            min-width: 0;\n        }\n        .useModal-svg {\n            border: 1px solid #d9d9d9;\n            // padding-left: 12px;\n            cursor: pointer;\n            width: 40px;\n            background: #fafafa;\n            line-height: 30px;\n            border-left: 0;\n            text-align: center;\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_withDirectives","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,WAAW,aAAa,iBAAiB,mBAAA,IAAuB,UAAU;AAAA,MAC9E;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,CACN;;;cA5EwCA,MAAA,YAAA,KAAzCC,aAAAC,YA+BoB,iBA/BpBC,WA+BoB,EAAA,KAAA,EAAA,GA/BO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MA0BM;AAAA,yBA1BNI,mBA0BM,OAAA;AAAA,YAzBF,uBAAM,qBAAmB,EAAA,UACLJ,aAAM,QAAQ,UAAQ,CAAA;AAAA,UAAA;YAG1CK,eAAAC,YAiBE,qBAjBFH,WAiBE;AAAA,uBAhBM;AAAA,cAAJ,KAAI;AAAA,cACI,OAAOH,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cAExB,MAAMA,MAAA,IAAA;AAAA,cACP,OAAM;AAAA,cACL,UAAUA,MAAA,cAAA;AAAA,cACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,WAAW;AAAA,cACX,0BAA0B;AAAA,cAC1B,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACpB,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC3B,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,+BAAA;AAAA,cAC/C,SAASA,MAAA,sBAAA;AAAA,cACT,QAAMA,MAAA,qBAAA;AAAA,cACN,SAASA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAAA,GAChBA,MAAA,SAAA,CAAS,GAAA,MAAA,IAAA,CAAA,SAAA,QAAA,YAAA,cAAA,QAAA,eAAA,eAAA,WAAA,UAAA,SAAA,CAAA,GAAA;AAAA,uBAbRA,MAAA,UAAA,CAAU;AAAA,YAAA;YAeZA,MAAA,KAAA,EAAM,QAAQ,yBAAzBO,mBAEM,OAAA;AAAA;cAF6B,OAAM;AAAA,cAAgB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA;AAAA,2BAAEP,MAAA,eAAA,KAAAA,MAAA,eAAA,EAAA,GAAA,IAAA;AAAA,YAAA;cAC5DM,YAAqCN,MAAA,OAAA,GAAA,EAA3B,cAAW,eAAa;AAAA,YAAA;;qBArB7BA,MAAA,UAAA,CAAU;AAAA,UAAA;UAwBPA,MAAA,UAAA,kBACZO,mBAA0D,QAA1D,YAA0DC,gBAArBR,MAAA,WAAA,CAAW,GAAA,CAAA;;;;;;;;"}
+{"version":3,"file":"select-widget.mjs","sources":["../../src/components/field-widget/select-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div\n            class=\"design-select-box\"\n            :class=\"{ useModal: field.options.useModal }\"\n            v-show=\"!isReadMode\"\n        >\n            <a-select\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                v-show=\"!isReadMode\"\n                :size=\"size\"\n                class=\"full-width-input\"\n                :disabled=\"handleDisabled\"\n                :allowClear=\"field.options.allowClear\"\n                :showArrow=\"true\"\n                :dropdownMatchSelectWidth=\"true\"\n                :mode=\"field.options.mode\"\n                :maxTagCount=\"field.options.maxTagCount\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :onFocus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                :options=\"field.options.optionItems\"\n                v-bind=\"selectOps\"\n            />\n            <div v-if=\"field.options.useModal\" class=\"useModal-svg\" @click=\"handleClickIcon\">\n                <svg-icon icon-class=\"icon-sousuo\" />\n            </div>\n        </div>\n        <template v-if=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { SvgIcon } from 'tmgc2-share';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { useSelect } from './hooks/useSelect';\n    import { onMounted } from 'vue';\n    defineOptions({\n        name: 'select-widget'\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const {\n        rules,\n        i18nt,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        designState,\n\n        fieldEditor,\n        handleHidden,\n        handleDisabled,\n        handleClickIcon,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    const { selectOps, optionLabel, initOptionItems, selectDefineExpose } = useSelect({\n        field,\n        designState,\n        fieldModel\n    });\n\n    onMounted(() => {\n        initOptionItems();\n    });\n\n    defineExpose({\n        ...selectDefineExpose,\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .design-select-box {\n        display: flex;\n        width: 100%;\n        &.useModal {\n            :deep(.ant-select-selector) {\n                border-top-right-radius: 0;\n                border-bottom-right-radius: 0;\n            }\n        }\n        .ant-select {\n            flex: 1 0 0;\n            min-width: 0;\n        }\n        .useModal-svg {\n            border: 1px solid #d9d9d9;\n            // padding-left: 12px;\n            cursor: pointer;\n            width: 40px;\n            background: #fafafa;\n            line-height: 30px;\n            border-left: 0;\n            text-align: center;\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_withDirectives","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6CI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,WAAW,aAAa,iBAAiB,mBAAA,IAAuB,UAAU;AAAA,MAC9E;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,CACN;;;cA5EwCA,MAAA,YAAA,KAAzCC,aAAAC,YA+BoB,iBA/BpBC,WA+BoB,EAAA,KAAA,EAAA,GA/BO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MA0BM;AAAA,yBA1BNI,mBA0BM,OAAA;AAAA,YAzBF,uBAAM,qBAAmB,EAAA,UACLJ,aAAM,QAAQ,UAAQ,CAAA;AAAA,UAAA;YAG1CK,eAAAC,YAiBE,qBAjBFH,WAiBE;AAAA,uBAhBM;AAAA,cAAJ,KAAI;AAAA,cACI,OAAOH,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cAExB,MAAMA,MAAA,IAAA;AAAA,cACP,OAAM;AAAA,cACL,UAAUA,MAAA,cAAA;AAAA,cACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,WAAW;AAAA,cACX,0BAA0B;AAAA,cAC1B,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACpB,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC3B,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,+BAAA;AAAA,cAC/C,SAASA,MAAA,sBAAA;AAAA,cACT,QAAMA,MAAA,qBAAA;AAAA,cACN,SAASA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAAA,GAChBA,MAAA,SAAA,CAAS,GAAA,MAAA,IAAA,CAAA,SAAA,QAAA,YAAA,cAAA,QAAA,eAAA,eAAA,WAAA,UAAA,SAAA,CAAA,GAAA;AAAA,uBAbRA,MAAA,UAAA,CAAU;AAAA,YAAA;YAeZA,MAAA,KAAA,EAAM,QAAQ,yBAAzBO,mBAEM,OAAA;AAAA;cAF6B,OAAM;AAAA,cAAgB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA;AAAA,2BAAEP,MAAA,eAAA,KAAAA,MAAA,eAAA,EAAA,GAAA,IAAA;AAAA,YAAA;cAC5DM,YAAqCN,MAAA,OAAA,GAAA,EAA3B,cAAW,eAAa;AAAA,YAAA;;qBArB7BA,MAAA,UAAA,CAAU;AAAA,UAAA;UAwBPA,MAAA,UAAA,kBACZO,mBAA0D,QAA1D,YAA0DC,gBAArBR,MAAA,WAAA,CAAW,GAAA,CAAA;;;;;;;;"}

package/assets/slider-widget.mjs

@@ -1,7 +1,6 @@
 import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementBlock, isRef, toDisplayString } from "vue";
 import FormItemWrapper from "./form-item-wrapper.mjs";
-import { u as useField } from "./useField.mjs";
-import { C as ComponentNameEnum, W as WidgetTypeEnum } from "./install.mjs";
+import { C as ComponentNameEnum, W as WidgetTypeEnum, u as useField } from "./install.mjs";
 const _hoisted_1 = {
   key: 1,
   class: "readonly-mode-field"

package/assets/slider-widget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider-widget.mjs","sources":["../../src/components/field-widget/slider-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <a-slider\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            v-if=\"!isReadMode\"\n            :disabled=\"handleDisabled\"\n            :min=\"field.options.min\"\n            :max=\"field.options.max\"\n            :step=\"field.options.step\"\n            :range=\"field.options.range\"\n            :vertical=\"field.options.vertical\"\n        />\n        <template v-else>\n            <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.slider,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cA3CwCA,MAAA,YAAA,KAAzCC,aAAAC,YAeoB,iBAfpBC,WAeoB,EAAA,KAAA,EAAA,GAfO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAUE;AAAA,WAPSA,MAAA,UAAA,kBAHXE,YAUE,qBAAA;AAAA;qBATM;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,UAAUA,MAAA,cAAA;AAAA,YACV,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACrB,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,UAAA,+FAGzBI,mBAAyD,QAAzD,YAAyDC,gBAApBL,MAAA,UAAA,CAAU,GAAA,CAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"slider-widget.mjs","sources":["../../src/components/field-widget/slider-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <a-slider\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            v-if=\"!isReadMode\"\n            :disabled=\"handleDisabled\"\n            :min=\"field.options.min\"\n            :max=\"field.options.max\"\n            :step=\"field.options.step\"\n            :range=\"field.options.range\"\n            :vertical=\"field.options.vertical\"\n        />\n        <template v-else>\n            <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.slider,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cA3CwCA,MAAA,YAAA,KAAzCC,aAAAC,YAeoB,iBAfpBC,WAeoB,EAAA,KAAA,EAAA,GAfO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAUE;AAAA,WAPSA,MAAA,UAAA,kBAHXE,YAUE,qBAAA;AAAA;qBATM;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,UAAUA,MAAA,cAAA;AAAA,YACV,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACrB,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,UAAA,+FAGzBI,mBAAyD,QAAzD,YAAyDC,gBAApBL,MAAA,UAAA,CAAU,GAAA,CAAA;AAAA,QAAA;;;;;;"}

package/assets/static-text-widget.mjs

@@ -1,6 +1,5 @@
 import { defineComponent, computed, createElementBlock, createCommentVNode, unref, openBlock, toDisplayString } from "vue";
-import { u as useField } from "./useField.mjs";
-import { C as ComponentNameEnum, W as WidgetTypeEnum } from "./install.mjs";
+import { C as ComponentNameEnum, W as WidgetTypeEnum, u as useField } from "./install.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: WidgetTypeEnum.staticText,

package/assets/static-text-widget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"static-text-widget.mjs","sources":["../../src/components/field-widget/static-text-widget.vue"],"sourcesContent":["<template>\n    <div ref=\"fieldEditor\" v-if=\"!handleHidden\">{{ field.options.textContent }}</div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed } from 'vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.staticText,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n    const displayStyle = computed(() => field.options.bodyStyle || {});\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaI,UAAM,QAAQ;AAEd,UAAM,EAAS,aAAa,OAAO,cAAc,cAAA,IAAkB,SAAS,KAAK;AAE5D,aAAS,MAAM,MAAM,QAAQ,aAAa,CAAA,CAAE;AAEjE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cApB6BA,MAAA,YAAA,kBAA9BC,mBAAiF,OAAA;AAAA;iBAAxE;AAAA,QAAJ,KAAI;AAAA,MAAA,mBAAsCD,MAAA,KAAA,EAAM,QAAQ,WAAW,GAAA,GAAA;;;;"}
+{"version":3,"file":"static-text-widget.mjs","sources":["../../src/components/field-widget/static-text-widget.vue"],"sourcesContent":["<template>\n    <div ref=\"fieldEditor\" v-if=\"!handleHidden\">{{ field.options.textContent }}</div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed } from 'vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.staticText,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n    const displayStyle = computed(() => field.options.bodyStyle || {});\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaI,UAAM,QAAQ;AAEd,UAAM,EAAS,aAAa,OAAO,cAAc,cAAA,IAAkB,SAAS,KAAK;AAE5D,aAAS,MAAM,MAAM,QAAQ,aAAa,CAAA,CAAE;AAEjE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cApB6BA,MAAA,YAAA,kBAA9BC,mBAAiF,OAAA;AAAA;iBAAxE;AAAA,QAAJ,KAAI;AAAA,MAAA,mBAAsCD,MAAA,KAAA,EAAM,QAAQ,WAAW,GAAA,GAAA;;;;"}

package/assets/styles/style.css

@@ -4,13 +4,13 @@
         height: 1px;
         z-index: 9999;
 }
-.drag-handler[data-v-f7343dfb] {
+.drag-handler[data-v-d93fc5cc] {
   position: absolute;
   top: -1px;
   left: -1px;
   height: 20px;
   line-height: 20px;
-  z-index: 10;
+  z-index: 12;
   background: var(--ant-primary-color);
   display: flex;
   align-items: center;
@@ -19,14 +19,14 @@
   transition: opacity 0.2s;
   visibility: hidden;
 }
-.drag-handler.selected[data-v-f7343dfb] {
+.drag-handler.selected[data-v-d93fc5cc] {
   opacity: 0.6;
   visibility: visible;
 }
-.drag-handler.selected[data-v-f7343dfb]:hover {
+.drag-handler.selected[data-v-d93fc5cc]:hover {
   opacity: 1;
 }
-.drag-handler i[data-v-f7343dfb] {
+.drag-handler i[data-v-d93fc5cc] {
   font-size: 12px;
   font-style: normal;
   color: #fff;
@@ -137,39 +137,38 @@
   color: #333;
 }
 
-.designer-widget-list[data-v-18b73e97] {
+.designer-widget-list[data-v-8ca010af] {
   position: relative;
-  flex: 1;
   display: flex;
   flex-direction: column;
 }
-.designer-widget-list.empty-list[data-v-18b73e97] {
-  min-height: 100px;
+.designer-widget-list.empty-list[data-v-8ca010af] {
+  min-height: 96px;
 }
-.designer-widget-list .empty-drop-zone[data-v-18b73e97] {
+.designer-widget-list .empty-drop-zone[data-v-8ca010af] {
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 2;
 }
-.designer-widget-list[data-v-18b73e97] .sortable-ghost {
+.designer-widget-list[data-v-8ca010af] .sortable-ghost {
   z-index: 99;
 }
-.list-transition-container[data-v-18b73e97] {
+.list-transition-container[data-v-8ca010af] {
   display: flex;
   flex-direction: column;
   padding: 2px;
 }
-.transition-group-el[data-v-18b73e97] {
+.transition-group-el[data-v-8ca010af] {
   position: relative;
   padding: 1px;
 }
-.transition-group-el .sortable-ghost[data-v-18b73e97] {
+.transition-group-el .sortable-ghost[data-v-8ca010af] {
   width: 100%;
 }
 
 /* SortableJS 自动应用的类 */
-.ghost-placeholder[data-v-18b73e97] {
+.ghost-placeholder[data-v-8ca010af] {
   opacity: 0.5;
   background: #c8ebfb;
   border: 2px dashed var(--ant-primary-color);
@@ -177,13 +176,13 @@
   margin: 4px 0;
   border-radius: 4px;
 }
-.sortable-chosen[data-v-18b73e97] {
+.sortable-chosen[data-v-8ca010af] {
   background: #fdfdfd;
 }
-.empty-drop-zone[data-v-18b73e97] {
+.empty-drop-zone[data-v-8ca010af] {
   margin: 2px 0;
   height: 90px;
-  background: #f5f5f5;
+  background: rgba(0, 0, 0, 0.05);
   border: 1px dashed #d9d9d9;
   border-radius: 2px;
   display: flex;
@@ -192,9 +191,9 @@
   color: #999;
   font-size: 14px;
 }
-.desginer-canvas[data-v-18b73e97] .ant-form-item {
+.desginer-canvas[data-v-8ca010af] .ant-form-item {
   margin-bottom: 0;
-}.widget-wrapper[data-v-d7dcbe52] {
+}.widget-wrapper[data-v-f2552afd] {
   position: relative;
   padding: 2px;
   min-height: 20px;
@@ -202,17 +201,26 @@
   border: 1px dashed #cccccc;
   gap: 3px;
 }
-.widget-wrapper.container-wrapper[data-v-d7dcbe52] {
+.widget-wrapper.container-wrapper[data-v-f2552afd] {
   border-width: 2px;
 }
-.widget-wrapper.container-wrapper.selected[data-v-d7dcbe52] {
+.widget-wrapper.container-wrapper.selected[data-v-f2552afd] {
   outline: solid var(--ant-primary-color);
 }
-.widget-wrapper.selected[data-v-d7dcbe52] {
+.widget-wrapper.selected[data-v-f2552afd] {
   /* background-color: rgba(24, 144, 255, 0.1); */
   outline: 2px solid var(--ant-primary-color);
 }
-.widget-wrapper .action-buttons[data-v-d7dcbe52] {
+.widget-wrapper .widget-hidden[data-v-f2552afd] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.2) 20px);
+  z-index: 11;
+}
+.widget-wrapper .action-buttons[data-v-f2552afd] {
   position: absolute;
   bottom: -2px;
   right: -2px;
@@ -227,7 +235,7 @@
   z-index: 11;
   font-size: 14px;
 }
-.widget-wrapper .action-buttons[data-v-d7dcbe52]:hover {
+.widget-wrapper .action-buttons[data-v-f2552afd]:hover {
   background-color: #ff4d4f;
 }.sub-form-container[data-v-ddd06b7d] {
   margin-bottom: 16px;
@@ -395,23 +403,23 @@ div.row-no-column[data-v-ddd06b7d] {
   flex: 1;
   display: flex;
   justify-content: var(--flex);
-}.hide-text-span[data-v-7e3e590f] span {
+}.hide-text-span[data-v-f3a8f507] span {
   display: none;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.auto-full-width[data-v-deec5b65] {
+.auto-full-width[data-v-e160e0cb] {
   width: 100%;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.auto-full-width[data-v-932f89e4] {
+.auto-full-width[data-v-4aad080a] {
   width: 100%;
 }
-.auto-full-width[data-v-932f89e4] .ant-picker {
+.auto-full-width[data-v-4aad080a] .ant-picker {
   width: 100% !important;
 }.hide-text-span[data-v-41213ad4] span {
   display: none;
-}.fileUploadTip[data-v-fd798690] {
+}.fileUploadTip[data-v-98bac580] {
   font-size: 12px;
   margin-top: 10px;
 }
@@ -428,19 +436,19 @@ div.row-no-column[data-v-ddd06b7d] {
   border-color: #d9d9d9;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.design-select-box[data-v-c3c936a7] {
+.design-select-box[data-v-d0796c07] {
   display: flex;
   width: 100%;
 }
-.design-select-box.useModal[data-v-c3c936a7] .ant-select-selector {
+.design-select-box.useModal[data-v-d0796c07] .ant-select-selector {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.design-select-box .ant-select[data-v-c3c936a7] {
+.design-select-box .ant-select[data-v-d0796c07] {
   flex: 1 0 0;
   min-width: 0;
 }
-.design-select-box .useModal-svg[data-v-c3c936a7] {
+.design-select-box .useModal-svg[data-v-d0796c07] {
   border: 1px solid #d9d9d9;
   cursor: pointer;
   width: 40px;
@@ -452,7 +460,7 @@ div.row-no-column[data-v-ddd06b7d] {
   border-bottom-right-radius: 6px;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.readonly-mode-switch[data-v-55619f83] {
+.readonly-mode-switch[data-v-abb9e521] {
   display: none;
 }.readonly-mode-field[data-v-04869c36] {
   display: inline-block;
@@ -462,28 +470,28 @@ div.row-no-column[data-v-ddd06b7d] {
   overflow-y: auto;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.auto-full-width[data-v-1b009c7b] {
+.auto-full-width[data-v-f1f3f35c] {
   width: 100%;
 }
-.auto-full-width[data-v-1b009c7b] .ant-picker {
+.auto-full-width[data-v-f1f3f35c] .ant-picker {
   width: 100% !important;
 }
-.readonly-mode-time-range[data-v-1b009c7b] .ant-picker {
+.readonly-mode-time-range[data-v-f1f3f35c] .ant-picker {
   display: none;
 }
 /* form-item-wrapper已引入，还需要重复引入吗？ */
-.auto-full-width[data-v-5c22cb89] {
+.auto-full-width[data-v-3bf11597] {
   width: 100%;
 }
-.auto-full-width[data-v-5c22cb89] .ant-picker {
+.auto-full-width[data-v-3bf11597] .ant-picker {
   width: 100% !important;
 }
-.readonly-mode-time[data-v-5c22cb89] .ant-picker {
+.readonly-mode-time[data-v-3bf11597] .ant-picker {
   display: none;
-}[data-v-bad9595c] .ant-tree {
+}[data-v-83ba983b] .ant-tree {
   background: transparent;
 }
-[data-v-bad9595c] .ant-tree .ant-tree-checkbox {
+[data-v-83ba983b] .ant-tree .ant-tree-checkbox {
   margin-block-start: 0;
 }.grid-cell[data-v-a00bba10] {
   min-height: 38px !important;
@@ -538,11 +546,11 @@ div.row-no-column[data-v-ddd06b7d] {
 .grid-col-handler[data-v-a00bba10] .svg-icon {
   margin-left: 0.1em;
   margin-right: 0.1em;
-}.grid-container[data-v-40047deb] {
+}.grid-container[data-v-d41dbfac] {
   min-height: 50px;
-  padding: 5px 10px;
+  padding: 3px;
 }
-.grid-container .form-widget-list[data-v-40047deb] {
+.grid-container .form-widget-list[data-v-d41dbfac] {
   min-height: 28px;
 }.talbe-wrapper[data-v-ad6fb3c4] {
   width: 100%;
@@ -554,52 +562,49 @@ div.row-no-column[data-v-ddd06b7d] {
   margin-top: 10px;
   display: flex;
   justify-content: end;
-}.sub-form-container[data-v-49c81f5e] {
-  min-height: 100px;
 }.tab-container .form-widget-list[data-v-3280ee5e] {
   min-height: 28px;
 }
 .tab-container[data-v-3280ee5e] .ant-tabs.ant-tabs-bottom .ant-tabs-nav-wrap, .tab-container[data-v-3280ee5e] .ant-tabs.ant-tabs-top .ant-tabs-nav-wrap {
   padding-left: 26px;
-}.collapse-container[data-v-3032d8b6] {
+}.collapse-container[data-v-eefdb1f5] {
   display: flex;
   margin: 2px;
   height: 100%;
   width: 100%;
   flex: 1 0 0;
 }
-.collapse-container .form-widget-list[data-v-3032d8b6] {
+.collapse-container .form-widget-list[data-v-eefdb1f5] {
   min-height: 28px;
 }
-.collapse-container[data-v-3032d8b6] .header-right {
-  background-color: #fff;
-}
-.collapse-container[data-v-3032d8b6] .header-right .form-widget-list {
+.collapse-container[data-v-eefdb1f5] .header-right .form-widget-list {
   min-width: 200px;
 }
-.tpf-collapse[data-v-3032d8b6] {
+.tpf-collapse[data-v-eefdb1f5] {
   padding: 5px;
 }
-.tpf-collapse .collapse-right[data-v-3032d8b6] {
+.tpf-collapse .collapse-right[data-v-eefdb1f5] {
   min-width: 200px;
   min-height: 30px;
-  border: 1px dashed #666;
 }
-.tpf-collapse .collapse-right[data-v-3032d8b6] .designer-widget-list {
+.tpf-collapse .collapse-right[data-v-eefdb1f5] .designer-widget-list {
   min-height: 34px;
 }
-.tpf-collapse .collapse-right[data-v-3032d8b6] .designer-widget-list .empty-drop-zone {
+.tpf-collapse .collapse-right[data-v-eefdb1f5] .designer-widget-list .empty-drop-zone {
+  background: #fff;
+}
+.tpf-collapse .collapse-right[data-v-eefdb1f5] .designer-widget-list .empty-drop-zone {
   height: 30px;
   top: 0;
 }
-.tpf-collapse[data-v-3032d8b6] .design-time-bottom-margin {
+.tpf-collapse[data-v-eefdb1f5] .design-time-bottom-margin {
   margin-bottom: 0;
 }
-.tpf-collapse[data-v-3032d8b6] .design-time-bottom-margin .static-content-item {
+.tpf-collapse[data-v-eefdb1f5] .design-time-bottom-margin .static-content-item {
   margin-bottom: 0;
   padding: 3px;
 }
-.tpf-collapse[data-v-3032d8b6] .tpf-collapse-content-wrapper {
+.tpf-collapse[data-v-eefdb1f5] .tpf-collapse-content-wrapper {
   overflow: hidden;
   background-color: #fff;
 }
@@ -618,13 +623,12 @@ div.row-no-column[data-v-ddd06b7d] {
   display: flex;
   align-items: center;
   height: 35px;
-}.box-container[data-v-e33faf2b] {
+}.box-container[data-v-c1520bd7] {
   width: 100%;
   position: relative;
   padding-bottom: 20px;
   display: flex;
-  min-height: 100px;
 }
-.box-container[data-v-e33faf2b] .designer-widget-list {
+.box-container[data-v-c1520bd7] .designer-widget-list {
   flex: 1;
 }

package/assets/switch-widget.mjs

@@ -1,7 +1,6 @@
 import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createVNode, normalizeStyle, isRef } from "vue";
 import FormItemWrapper from "./form-item-wrapper.mjs";
-import { u as useField } from "./useField.mjs";
-import { C as ComponentNameEnum, W as WidgetTypeEnum, _ as _export_sfc } from "./install.mjs";
+import { C as ComponentNameEnum, W as WidgetTypeEnum, u as useField, _ as _export_sfc } from "./install.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: WidgetTypeEnum.switch,
@@ -54,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const switchWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-55619f83"]]);
+const switchWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-abb9e521"]]);
 export {
   switchWidget as default
 };

package/assets/switch-widget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch-widget.mjs","sources":["../../src/components/field-widget/switch-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <a-switch\n            ref=\"fieldEditor\"\n            v-model:checked=\"fieldModel\"\n            :disabled=\"isReadMode || handleDisabled\"\n            :checkedValue=\"field.options.checkedValue\"\n            :unCheckedValue=\"field.options.unCheckedValue\"\n            :style=\"{ width: field.options.switchWidth + 'px' }\"\n        />\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.switch,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .readonly-mode-switch {\n        display: none;\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArCwCA,MAAA,YAAA,KAAzCC,aAAAC,YASoB,iBATpBC,WASoB,EAAA,KAAA,EAAA,GATO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAOE;AAAA,UAPFI,YAOE,qBAAA;AAAA,qBANM;AAAA,YAAJ,KAAI;AAAA,YACI,SAASJ,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,YAC1B,UAAUA,MAAA,UAAA,KAAcA,MAAA,cAAA;AAAA,YACxB,cAAcA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC5B,gBAAgBA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC9B,OAAKK,eAAA,EAAA,OAAWL,MAAA,KAAA,EAAM,QAAQ,cAAW,KAAA,CAAA;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"switch-widget.mjs","sources":["../../src/components/field-widget/switch-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <a-switch\n            ref=\"fieldEditor\"\n            v-model:checked=\"fieldModel\"\n            :disabled=\"isReadMode || handleDisabled\"\n            :checkedValue=\"field.options.checkedValue\"\n            :unCheckedValue=\"field.options.unCheckedValue\"\n            :style=\"{ width: field.options.switchWidth + 'px' }\"\n        />\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.switch,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .readonly-mode-switch {\n        display: none;\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArCwCA,MAAA,YAAA,KAAzCC,aAAAC,YASoB,iBATpBC,WASoB,EAAA,KAAA,EAAA,GATO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAOE;AAAA,UAPFI,YAOE,qBAAA;AAAA,qBANM;AAAA,YAAJ,KAAI;AAAA,YACI,SAASJ,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,YAC1B,UAAUA,MAAA,UAAA,KAAcA,MAAA,cAAA;AAAA,YACxB,cAAcA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC5B,gBAAgBA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC9B,OAAKK,eAAA,EAAA,OAAWL,MAAA,KAAA,EAAM,QAAQ,cAAW,KAAA,CAAA;AAAA,UAAA;;;;;;;;"}

package/assets/tab-widget.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, unref } from "vue";
-import { C as ComponentNameEnum, e as ContainerTypeEnum, a as useAppRef, R as RenderWidgetList, _ as _export_sfc } from "./install.mjs";
+import { C as ComponentNameEnum, g as ContainerTypeEnum, a as useAppRef, R as RenderWidgetList, _ as _export_sfc } from "./install.mjs";
 const _hoisted_1 = { class: "tab-content-wrapper" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/assets/time-range-widget.mjs

@@ -1,7 +1,6 @@
 import { defineComponent, computed, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, createVNode, createElementBlock, isRef, toDisplayString } from "vue";
 import FormItemWrapper from "./form-item-wrapper.mjs";
-import { u as useField } from "./useField.mjs";
-import { C as ComponentNameEnum, W as WidgetTypeEnum, _ as _export_sfc } from "./install.mjs";
+import { C as ComponentNameEnum, W as WidgetTypeEnum, u as useField, _ as _export_sfc } from "./install.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "readonly-mode-field"
@@ -88,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const timeRangeWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1b009c7b"]]);
+const timeRangeWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1f3f35c"]]);
 export {
   timeRangeWidget as default
 };

package/assets/time-range-widget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"time-range-widget.mjs","sources":["../../src/components/field-widget/time-range-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div\n            :class=\"[\n                !!field.options.autoFullWidth ? 'auto-full-width' : '',\n                isReadMode ? 'readonly-mode-time-range' : ''\n            ]\"\n        >\n            <a-time-range-picker\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                v-model:value=\"fieldModel\"\n                :class=\"[!!field.options.autoFullWidth ? 'full-width-input' : '']\"\n                :disabled=\"handleDisabled\"\n                :readonly=\"field.options.readonly\"\n                :inputReadOnly=\"field.options.readonly\"\n                :allowClear=\"field.options.allowClear\"\n                :format=\"field.options.format\"\n                value-format=\"HH:mm:ss\"\n                :placeholder=\"[\n                    field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder'),\n                    field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')\n                ]\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n            </template>\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from './useField';\n    import { computed } from 'vue';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.timeRange,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    const contentForReadMode = computed(() => {\n        if (!fieldModel.value) {\n            return '--';\n        } else {\n            return fieldModel.value?.join('-');\n        }\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .auto-full-width {\n        width: 100%;\n\n        :deep(.ant-picker) {\n            width: 100% !important;\n        }\n    }\n\n    .readonly-mode-time-range {\n        :deep(.ant-picker) {\n            display: none;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2CI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,qBAAqB,SAAS,MAAM;;AACtC,UAAI,CAAC,WAAW,OAAO;AACnB,eAAO;AAAA,MACX,OAAO;AACH,gBAAO,gBAAW,UAAX,mBAAkB,KAAK;AAAA,MAClC;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArEwCA,MAAA,YAAA,KAAzCC,aAAAC,YA6BoB,iBA7BpBC,WA6BoB,EAAA,KAAA,EAAA,GA7BO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MA2BM;AAAA,UA3BNI,mBA2BM,OAAA;AAAA,YA1BD,OAAKC,eAAA;AAAA,gBAAsBL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA;AAAA,cAA2CA,MAAA,UAAA,IAAU,6BAAA;AAAA,YAAA;;YAK5GM,YAiBE,gCAAA;AAAA,uBAhBM;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMN,MAAA,IAAA;AAAA,cACC,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,OAAKK,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,qBAAA,EAAA,CAAA;AAAA,cACrC,UAAUA,MAAA,cAAA;AAAA,cACV,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,eAAeA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC7B,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACvB,gBAAa;AAAA,cACZ,aAAW;AAAA,gBAAwBA,MAAA,KAAA,EAAM,QAAQ,oBAAoBA,MAAA,KAAA,EAAK,kCAAA;AAAA,gBAA0DA,MAAA,KAAA,EAAM,QAAQ,kBAAkBA,MAAA,KAAA,EAAK,gCAAA;AAAA,cAAA;AAAA,cAIzK,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA;YAEKA,MAAA,UAAA,kBACZO,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"time-range-widget.mjs","sources":["../../src/components/field-widget/time-range-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div\n            :class=\"[\n                !!field.options.autoFullWidth ? 'auto-full-width' : '',\n                isReadMode ? 'readonly-mode-time-range' : ''\n            ]\"\n        >\n            <a-time-range-picker\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                v-model:value=\"fieldModel\"\n                :class=\"[!!field.options.autoFullWidth ? 'full-width-input' : '']\"\n                :disabled=\"handleDisabled\"\n                :readonly=\"field.options.readonly\"\n                :inputReadOnly=\"field.options.readonly\"\n                :allowClear=\"field.options.allowClear\"\n                :format=\"field.options.format\"\n                value-format=\"HH:mm:ss\"\n                :placeholder=\"[\n                    field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder'),\n                    field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')\n                ]\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n            </template>\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { computed } from 'vue';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.timeRange,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    const contentForReadMode = computed(() => {\n        if (!fieldModel.value) {\n            return '--';\n        } else {\n            return fieldModel.value?.join('-');\n        }\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .auto-full-width {\n        width: 100%;\n\n        :deep(.ant-picker) {\n            width: 100% !important;\n        }\n    }\n\n    .readonly-mode-time-range {\n        :deep(.ant-picker) {\n            display: none;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2CI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,qBAAqB,SAAS,MAAM;;AACtC,UAAI,CAAC,WAAW,OAAO;AACnB,eAAO;AAAA,MACX,OAAO;AACH,gBAAO,gBAAW,UAAX,mBAAkB,KAAK;AAAA,MAClC;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArEwCA,MAAA,YAAA,KAAzCC,aAAAC,YA6BoB,iBA7BpBC,WA6BoB,EAAA,KAAA,EAAA,GA7BO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MA2BM;AAAA,UA3BNI,mBA2BM,OAAA;AAAA,YA1BD,OAAKC,eAAA;AAAA,gBAAsBL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA;AAAA,cAA2CA,MAAA,UAAA,IAAU,6BAAA;AAAA,YAAA;;YAK5GM,YAiBE,gCAAA;AAAA,uBAhBM;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMN,MAAA,IAAA;AAAA,cACC,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,OAAKK,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,qBAAA,EAAA,CAAA;AAAA,cACrC,UAAUA,MAAA,cAAA;AAAA,cACV,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,eAAeA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC7B,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACvB,gBAAa;AAAA,cACZ,aAAW;AAAA,gBAAwBA,MAAA,KAAA,EAAM,QAAQ,oBAAoBA,MAAA,KAAA,EAAK,kCAAA;AAAA,gBAA0DA,MAAA,KAAA,EAAM,QAAQ,kBAAkBA,MAAA,KAAA,EAAK,gCAAA;AAAA,cAAA;AAAA,cAIzK,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA;YAEKA,MAAA,UAAA,kBACZO,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;;;;;;;;;"}

package/assets/time-widget.mjs

@@ -1,7 +1,6 @@
 import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, createVNode, createElementBlock, isRef, toDisplayString } from "vue";
 import FormItemWrapper from "./form-item-wrapper.mjs";
-import { u as useField } from "./useField.mjs";
-import { C as ComponentNameEnum, W as WidgetTypeEnum, _ as _export_sfc } from "./install.mjs";
+import { C as ComponentNameEnum, W as WidgetTypeEnum, u as useField, _ as _export_sfc } from "./install.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "readonly-mode-field"
@@ -74,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const timeWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c22cb89"]]);
+const timeWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3bf11597"]]);
 export {
   timeWidget as default
 };

package/assets/time-widget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"time-widget.mjs","sources":["../../src/components/field-widget/time-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div\n            :class=\"[\n                !!field.options.autoFullWidth ? 'auto-full-width' : '',\n                isReadMode ? 'readonly-mode-time' : ''\n            ]\"\n        >\n            <a-time-picker\n                :size=\"size\"\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled\"\n                :inputReadOnly=\"field.options.readonly\"\n                :readonly=\"field.options.readonly\"\n                :allowClear=\"field.options.allowClear\"\n                :format=\"field.options.format\"\n                value-format=\"HH:mm:ss\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.timePlaceholder')\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n            </template>\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.time,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .auto-full-width {\n        width: 100%;\n\n        :deep(.ant-picker) {\n            width: 100% !important;\n        }\n    }\n\n    .readonly-mode-time {\n        :deep(.ant-picker) {\n            display: none;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAvDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAyBoB,iBAzBpBC,WAyBoB,EAAA,KAAA,EAAA,GAzBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAuBM;AAAA,UAvBNI,mBAuBM,OAAA;AAAA,YAtBD,OAAKC,eAAA;AAAA,gBAAsBL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA;AAAA,cAA2CA,MAAA,UAAA,IAAU,uBAAA;AAAA,YAAA;;YAK5GM,YAaE,0BAAA;AAAA,cAZG,MAAMN,MAAA,IAAA;AAAA,cACP,KAAI;AAAA,cACI,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,UAAUA,MAAA,cAAA;AAAA,cACV,eAAeA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC7B,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACvB,gBAAa;AAAA,cACZ,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,6BAAA;AAAA,cAC/C,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA;YAEKA,MAAA,UAAA,kBACZO,mBAAyD,QAAzD,YAAyDC,gBAApBR,MAAA,UAAA,CAAU,GAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"time-widget.mjs","sources":["../../src/components/field-widget/time-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div\n            :class=\"[\n                !!field.options.autoFullWidth ? 'auto-full-width' : '',\n                isReadMode ? 'readonly-mode-time' : ''\n            ]\"\n        >\n            <a-time-picker\n                :size=\"size\"\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled\"\n                :inputReadOnly=\"field.options.readonly\"\n                :readonly=\"field.options.readonly\"\n                :allowClear=\"field.options.allowClear\"\n                :format=\"field.options.format\"\n                value-format=\"HH:mm:ss\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.timePlaceholder')\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n            />\n            <template v-if=\"isReadMode\">\n                <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n            </template>\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.time,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .auto-full-width {\n        width: 100%;\n\n        :deep(.ant-picker) {\n            width: 100% !important;\n        }\n    }\n\n    .readonly-mode-time {\n        :deep(.ant-picker) {\n            display: none;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAvDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAyBoB,iBAzBpBC,WAyBoB,EAAA,KAAA,EAAA,GAzBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAuBM;AAAA,UAvBNI,mBAuBM,OAAA;AAAA,YAtBD,OAAKC,eAAA;AAAA,gBAAsBL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA;AAAA,cAA2CA,MAAA,UAAA,IAAU,uBAAA;AAAA,YAAA;;YAK5GM,YAaE,0BAAA;AAAA,cAZG,MAAMN,MAAA,IAAA;AAAA,cACP,KAAI;AAAA,cACI,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,UAAUA,MAAA,cAAA;AAAA,cACV,eAAeA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC7B,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACvB,gBAAa;AAAA,cACZ,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,6BAAA;AAAA,cAC/C,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA;YAEKA,MAAA,UAAA,kBACZO,mBAAyD,QAAzD,YAAyDC,gBAApBR,MAAA,UAAA,CAAU,GAAA,CAAA;;;;;;;;;"}