@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

package/src/components/form-designer/form-widget/field-widget/select-widget.vue.js

@@ -1,164 +1,66 @@
-import g from "./form-item-wrapper.vue.js";
-import b from "../../../../utils/emitter.js";
-import w from "../../../../utils/i18n.js";
-import C from "./fieldMixin.js";
-import { SvgIcon as v } from "tmgc2-share";
-import F from "../../../../mixins/useSelectMixin.js";
-import { resolveComponent as l, createBlock as I, createCommentVNode as s, openBlock as d, withCtx as M, withDirectives as r, createElementBlock as a, createElementVNode as O, normalizeClass as x, createVNode as m, mergeProps as y, vShow as u, toDisplayString as R } from "vue";
+import m from "./select-widget.vue2.js";
+import { resolveComponent as f, createBlock as v, createCommentVNode as d, openBlock as i, mergeProps as n, withCtx as h, withDirectives as a, createElementBlock as r, createElementVNode as g, normalizeClass as p, createVNode as t, vShow as s, toDisplayString as C } from "vue";
 /* empty css                   */
-import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const z = {
-  name: "select-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [b, C, w, F],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    designState: {
-      type: Boolean,
-      default: !1
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  components: { SvgIcon: v, FormItemWrapper: g },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: null,
-      rules: []
-      // pager: {
-      //   page: 1,
-      //   pageSize: 20,
-      //   totalPage: 0,
-      //   total: 0
-      // }
-    };
-  },
-  computed: {
-    size() {
-      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
-    },
-    allowDefaultFirstOption() {
-      return !!this.field.options.filterable && !!this.field.options.allowCreate;
-    }
-  },
-  watch: {
-    "field.options.dsEnabled": {
-      deep: !0,
-      handler(t) {
-        t && this.initOptionItems();
-      }
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.clearOptionItems(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    /**
-     * 获取选中项label
-     * @return {*}
-     */
-    getSelectedLabel() {
-      return this.$refs.fieldEditor.selectedLabel;
-    }
-    // onPopupScroll(e) {
-    //   if (!this.field.options.loadingPage) return;
-    //   const { target } = e;
-    //   const { scrollTop, scrollHeight, clientHeight } = target;
-    //   if (scrollHeight - (scrollTop + clientHeight) <= 30) {
-    //     if (this.pager.totalPage > this.pager.page) {
-    //       this.pager.page += 1;
-    //       this.initOptionItems(true);
-    //     }
-    //   }
-    // }
-  }
-}, E = {
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
   key: 0,
   class: "readonly-mode-field"
 };
-function L(t, i, e, S, o, f) {
-  const c = l("a-select"), p = l("svg-icon"), h = l("form-item-wrapper");
-  return t.handleHidden() ? s("", !0) : (d(), I(h, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: o.rules,
-    "design-state": e.designState,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
-  }, {
-    default: M(() => [
-      r(O("div", {
-        class: x(["design-select-box", { useModal: e.field.options.useModal }])
-      }, [
-        r(m(c, y({
-          ref: "fieldEditor",
-          value: o.fieldModel,
-          "onUpdate:value": i[0] || (i[0] = (n) => o.fieldModel = n),
-          size: f.size,
-          class: "full-width-input",
-          disabled: t.handleDisabled(),
-          allowClear: e.field.options.allowClear,
-          showArrow: !0,
-          dropdownMatchSelectWidth: !1,
-          mode: e.field.options.mode,
-          maxTagCount: e.field.options.maxTagCount,
-          placeholder: e.field.options.placeholder || t.i18nt("render.hint.selectPlaceholder"),
-          onFocus: t.handleFocusCustomEvent,
-          onBlur: t.handleBlurCustomEvent,
-          onChange: t.handleChangeEvent,
-          options: e.field.options.optionItems
-        }, t.selectOps), null, 16, ["value", "size", "disabled", "allowClear", "mode", "maxTagCount", "placeholder", "onFocus", "onBlur", "onChange", "options"]), [
-          [u, !t.isReadMode]
-        ]),
-        e.field.options.useModal ? (d(), a("div", {
-          key: 0,
-          class: "useModal-svg",
-          onClick: i[1] || (i[1] = (...n) => t.handleClickIcon && t.handleClickIcon(...n))
-        }, [
-          m(p, { "icon-class": "icon-sousuo" })
-        ])) : s("", !0)
-      ], 2), [
-        [u, !t.isReadMode]
+function u(k, o, M, e, x, b) {
+  const c = f("a-select");
+  return e.handleHidden ? d("v-if", !0) : (i(), v(e.FormItemWrapper, n({ key: 0 }, e.props, { rules: e.rules }), {
+    default: h(() => [
+      a(g(
+        "div",
+        {
+          class: p(["design-select-box", { useModal: e.field.options.useModal }])
+        },
+        [
+          a(t(c, n({
+            ref: "fieldEditor",
+            value: e.fieldModel,
+            "onUpdate:value": o[0] || (o[0] = (l) => e.fieldModel = l),
+            size: e.size,
+            class: "full-width-input",
+            disabled: e.handleDisabled,
+            allowClear: e.field.options.allowClear,
+            showArrow: !0,
+            dropdownMatchSelectWidth: !0,
+            mode: e.field.options.mode,
+            maxTagCount: e.field.options.maxTagCount,
+            placeholder: e.field.options.placeholder || e.i18nt("render.hint.selectPlaceholder"),
+            onFocus: e.handleFocusCustomEvent,
+            onBlur: e.handleBlurCustomEvent,
+            options: e.field.options.optionItems
+          }, e.selectOps), null, 16, ["value", "size", "disabled", "allowClear", "mode", "maxTagCount", "placeholder", "onFocus", "onBlur", "options"]), [
+            [s, !e.isReadMode]
+          ]),
+          e.field.options.useModal ? (i(), r("div", {
+            key: 0,
+            class: "useModal-svg",
+            onClick: o[1] || (o[1] = (...l) => e.handleClickIcon && e.handleClickIcon(...l))
+          }, [
+            t(e.SvgIcon, { "icon-class": "icon-sousuo" })
+          ])) : d("v-if", !0)
+        ],
+        2
+        /* CLASS */
+      ), [
+        [s, !e.isReadMode]
       ]),
-      t.isReadMode ? (d(), a("span", E, R(t.optionLabel), 1)) : s("", !0)
+      e.isReadMode ? (i(), r(
+        "span",
+        _,
+        C(e.optionLabel),
+        1
+        /* TEXT */
+      )) : d("v-if", !0)
     ]),
     _: 1
-  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+    /* STABLE */
+  }, 16, ["rules"]));
 }
-const A = /* @__PURE__ */ k(z, [["render", L], ["__scopeId", "data-v-99c8e24a"]]);
+const E = /* @__PURE__ */ w(m, [["render", u], ["__scopeId", "data-v-1ab7715d"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/select-widget.vue"]]);
 export {
-  A as default
+  E as default
 };

package/src/components/form-designer/form-widget/field-widget/select-widget.vue2.js

@@ -0,0 +1,55 @@
+import { defineComponent as S, onMounted as F } from "vue";
+import h from "./form-item-wrapper.vue.js";
+import { SvgIcon as v } from "tmgc2-share";
+import { useField as w } from "./useField.js";
+import { useSelect as C } from "./hooks/useSelect.js";
+const R = /* @__PURE__ */ S({
+  name: "select-widget",
+  __name: "select-widget",
+  props: {
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
+  },
+  setup(l, { expose: u }) {
+    const e = l, {
+      rules: p,
+      i18nt: a,
+      field: t,
+      fieldModel: r,
+      isReadMode: m,
+      size: f,
+      designState: n,
+      fieldEditor: c,
+      handleHidden: b,
+      handleDisabled: y,
+      handleClickIcon: g,
+      handleFocusCustomEvent: _,
+      handleBlurCustomEvent: q,
+      defineExposed: i
+    } = w(e), { selectOps: I, optionLabel: x, initOptionItems: o, selectDefineExpose: s } = C({
+      field: t,
+      designState: n,
+      fieldModel: r
+    });
+    F(() => {
+      o();
+    }), u({
+      selectDefineExpose: s,
+      ...i
+    });
+    const d = { props: e, rules: p, i18nt: a, field: t, fieldModel: r, isReadMode: m, size: f, designState: n, fieldEditor: c, handleHidden: b, handleDisabled: y, handleClickIcon: g, handleFocusCustomEvent: _, handleBlurCustomEvent: q, defineExposed: i, selectOps: I, optionLabel: x, initOptionItems: o, selectDefineExpose: s, FormItemWrapper: h, get SvgIcon() {
+      return v;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+});
+export {
+  R as default
+};

package/src/components/form-designer/form-widget/field-widget/slider-widget.vue.js

@@ -1,109 +1,38 @@
-import m from "./form-item-wrapper.vue.js";
-import f from "../../../../utils/emitter.js";
-import u from "../../../../utils/i18n.js";
-import c from "./fieldMixin.js";
-import { resolveComponent as d, createBlock as p, createCommentVNode as o, openBlock as r, withCtx as g, withDirectives as b, createElementBlock as h, createVNode as w, vShow as x, toDisplayString as F } from "vue";
-/* empty css                   */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const v = {
-  name: "slider-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [f, c, u],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    designState: {
-      type: Boolean,
-      default: !1
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  components: {
-    FormItemWrapper: m
-  },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: null,
-      rules: []
-    };
-  },
-  computed: {},
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    selfInitFieldModel() {
-      this.field.options.range && (this.fieldModel = []);
-    }
-  }
-}, M = {
-  key: 0,
+import n from "./slider-widget.vue2.js";
+import { resolveComponent as a, createBlock as r, createCommentVNode as t, openBlock as o, mergeProps as s, withCtx as m, createElementBlock as f, toDisplayString as c } from "vue";
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  key: 1,
   class: "readonly-mode-field"
 };
-function C(t, n, e, y, i, I) {
-  const l = d("a-slider"), s = d("form-item-wrapper");
-  return t.handleHidden() ? o("", !0) : (r(), p(s, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: i.rules,
-    "design-state": e.designState,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
-  }, {
-    default: g(() => [
-      b(w(l, {
+function g(v, i, k, e, x, w) {
+  const d = a("a-slider");
+  return e.handleHidden ? t("v-if", !0) : (o(), r(e.FormItemWrapper, s({ key: 0 }, e.props, { rules: e.rules }), {
+    default: m(() => [
+      e.isReadMode ? (o(), f(
+        "span",
+        _,
+        c(e.fieldModel),
+        1
+        /* TEXT */
+      )) : (o(), r(d, {
+        key: 0,
         ref: "fieldEditor",
-        value: i.fieldModel,
-        "onUpdate:value": n[0] || (n[0] = (a) => i.fieldModel = a),
-        disabled: t.handleDisabled(),
+        value: e.fieldModel,
+        "onUpdate:value": i[0] || (i[0] = (l) => e.fieldModel = l),
+        disabled: e.handleDisabled,
         min: e.field.options.min,
         max: e.field.options.max,
         step: e.field.options.step,
         range: e.field.options.range,
-        vertical: e.field.options.vertical,
-        onChange: t.handleChangeEvent
-      }, null, 8, ["value", "disabled", "min", "max", "step", "range", "vertical", "onChange"]), [
-        [x, !t.isReadMode]
-      ]),
-      t.isReadMode ? (r(), h("span", M, F(i.fieldModel), 1)) : o("", !0)
+        vertical: e.field.options.vertical
+      }, null, 8, ["value", "disabled", "min", "max", "step", "range", "vertical"]))
     ]),
     _: 1
-  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+    /* STABLE */
+  }, 16, ["rules"]));
 }
-const B = /* @__PURE__ */ _(v, [["render", C], ["__scopeId", "data-v-d68d4f12"]]);
+const M = /* @__PURE__ */ p(n, [["render", g], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/slider-widget.vue"]]);
 export {
-  B as default
+  M as default
 };

package/src/components/form-designer/form-widget/field-widget/slider-widget.vue2.js

@@ -0,0 +1,41 @@
+import { defineComponent as f } from "vue";
+import y from "./form-item-wrapper.vue.js";
+import { useField as b } from "./useField.js";
+import { ComponentNameEnum as _, WidgetTypeEnum as c } from "../../../../constants/WidgetTypeEnum.js";
+const N = /* @__PURE__ */ f({
+  name: c.slider,
+  componentName: _.FieldWidget,
+  __name: "slider-widget",
+  props: {
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
+  },
+  setup(d, { expose: i }) {
+    const e = d, {
+      rules: n,
+      fieldEditor: l,
+      field: o,
+      fieldModel: u,
+      isReadMode: s,
+      size: p,
+      handleHidden: m,
+      handleDisabled: a,
+      defineExposed: r
+    } = b(e);
+    i({
+      ...r
+    });
+    const t = { props: e, rules: n, fieldEditor: l, field: o, fieldModel: u, isReadMode: s, size: p, handleHidden: m, handleDisabled: a, defineExposed: r, FormItemWrapper: y };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  N as default
+};