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

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

@@ -0,0 +1,83 @@
+import { defineComponent as k, computed as x, resolveComponent as R, createBlock as b, createCommentVNode as i, unref as e, openBlock as s, mergeProps as B, withCtx as P, createElementVNode as W, normalizeClass as m, createVNode as N, createElementBlock as z, isRef as I, toDisplayString as H } from "vue";
+import M from "./form-item-wrapper.vue.js";
+import { useField as O } from "./useField.js";
+import { ComponentNameEnum as T, WidgetTypeEnum as V } from "../../../../constants/WidgetTypeEnum.js";
+const D = {
+  key: 0,
+  class: "readonly-mode-field"
+}, q = /* @__PURE__ */ k({
+  name: V.timeRange,
+  componentName: T.FieldWidget,
+  __name: "time-range-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(u, { expose: p }) {
+    const l = u, {
+      rules: c,
+      i18nt: r,
+      fieldEditor: f,
+      field: o,
+      fieldModel: t,
+      isReadMode: a,
+      size: h,
+      handleHidden: g,
+      handleDisabled: y,
+      handleFocusCustomEvent: _,
+      handleBlurCustomEvent: v,
+      defineExposed: C
+    } = O(l), F = x(() => {
+      var n;
+      return t.value ? (n = t.value) == null ? void 0 : n.join("-") : "--";
+    });
+    return p({
+      ...C
+    }), (n, d) => {
+      const w = R("a-time-range-picker");
+      return e(g) ? i("", !0) : (s(), b(M, B({ key: 0 }, l, { rules: e(c) }), {
+        default: P(() => [
+          W("div", {
+            class: m([
+              e(o).options.autoFullWidth ? "auto-full-width" : "",
+              e(a) ? "readonly-mode-time-range" : ""
+            ])
+          }, [
+            N(w, {
+              ref_key: "fieldEditor",
+              ref: f,
+              size: e(h),
+              value: e(t),
+              "onUpdate:value": d[0] || (d[0] = (E) => I(t) ? t.value = E : null),
+              class: m([e(o).options.autoFullWidth ? "full-width-input" : ""]),
+              disabled: e(y),
+              readonly: e(o).options.readonly,
+              inputReadOnly: e(o).options.readonly,
+              allowClear: e(o).options.allowClear,
+              format: e(o).options.format,
+              "value-format": "HH:mm:ss",
+              placeholder: [
+                e(o).options.startPlaceholder || e(r)("render.hint.startTimePlaceholder"),
+                e(o).options.endPlaceholder || e(r)("render.hint.endTimePlaceholder")
+              ],
+              onFocus: e(_),
+              onBlur: e(v)
+            }, null, 8, ["size", "value", "class", "disabled", "readonly", "inputReadOnly", "allowClear", "format", "placeholder", "onFocus", "onBlur"]),
+            e(a) ? (s(), z("span", D, H(F.value), 1)) : i("", !0)
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["rules"]));
+    };
+  }
+});
+export {
+  q as default
+};

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

@@ -1,118 +1,7 @@
-import f from "./form-item-wrapper.vue.js";
-import u from "../../../../utils/emitter.js";
-import c from "../../../../utils/i18n.js";
-import h from "./fieldMixin.js";
-import { resolveComponent as n, createBlock as p, createCommentVNode as d, openBlock as l, withCtx as g, createElementVNode as b, normalizeClass as w, createVNode as C, createElementBlock as y, toDisplayString as F } from "vue";
+import t from "./time-widget.vue2.js";
 /* empty css                 */
-import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const R = {
-  name: "time-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [u, h, c],
-  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: f
-  },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: null,
-      rules: []
-    };
-  },
-  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";
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {}
-}, _ = {
-  key: 0,
-  class: "readonly-mode-field"
-};
-function x(i, o, e, z, t, r) {
-  const s = n("a-time-picker"), a = n("form-item-wrapper");
-  return i.handleHidden() ? d("", !0) : (l(), p(a, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: t.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("div", {
-        class: w([
-          e.field.options.autoFullWidth ? "auto-full-width" : "",
-          i.isReadMode ? "readonly-mode-time" : ""
-        ])
-      }, [
-        C(s, {
-          size: r.size,
-          ref: "fieldEditor",
-          value: t.fieldModel,
-          "onUpdate:value": o[0] || (o[0] = (m) => t.fieldModel = m),
-          disabled: i.handleDisabled(),
-          inputReadOnly: e.field.options.readonly,
-          readonly: e.field.options.readonly,
-          allowClear: e.field.options.allowClear,
-          format: e.field.options.format,
-          "value-format": "HH:mm:ss",
-          placeholder: e.field.options.placeholder || i.i18nt("render.hint.timePlaceholder"),
-          onFocus: i.handleFocusCustomEvent,
-          onBlur: i.handleBlurCustomEvent,
-          onChange: i.handleChangeEvent
-        }, null, 8, ["size", "value", "disabled", "inputReadOnly", "readonly", "allowClear", "format", "placeholder", "onFocus", "onBlur", "onChange"]),
-        i.isReadMode ? (l(), y("span", _, F(t.fieldModel), 1)) : d("", !0)
-      ], 2)
-    ]),
-    _: 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"]));
-}
-const L = /* @__PURE__ */ v(R, [["render", x], ["__scopeId", "data-v-c126faf0"]]);
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-de73c138"]]);
 export {
-  L as default
+  i as default
 };

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

@@ -0,0 +1,74 @@
+import { defineComponent as v, resolveComponent as w, createBlock as g, createCommentVNode as a, unref as e, openBlock as d, mergeProps as x, withCtx as E, createElementVNode as k, normalizeClass as b, createVNode as B, createElementBlock as R, isRef as N, toDisplayString as W } from "vue";
+import z from "./form-item-wrapper.vue.js";
+import { useField as I } from "./useField.js";
+import { ComponentNameEnum as H, WidgetTypeEnum as O } from "../../../../constants/WidgetTypeEnum.js";
+const P = {
+  key: 0,
+  class: "readonly-mode-field"
+}, T = /* @__PURE__ */ v({
+  name: O.time,
+  componentName: H.FieldWidget,
+  __name: "time-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(i, { expose: s }) {
+    const l = i, {
+      rules: m,
+      i18nt: p,
+      field: o,
+      fieldModel: t,
+      isReadMode: n,
+      size: u,
+      handleHidden: c,
+      handleDisabled: f,
+      handleFocusCustomEvent: h,
+      handleBlurCustomEvent: y,
+      defineExposed: C
+    } = I(l);
+    return s({
+      ...C
+    }), (V, r) => {
+      const _ = w("a-time-picker");
+      return e(c) ? a("", !0) : (d(), g(z, x({ key: 0 }, l, { rules: e(m) }), {
+        default: E(() => [
+          k("div", {
+            class: b([
+              e(o).options.autoFullWidth ? "auto-full-width" : "",
+              e(n) ? "readonly-mode-time" : ""
+            ])
+          }, [
+            B(_, {
+              size: e(u),
+              ref: "fieldEditor",
+              value: e(t),
+              "onUpdate:value": r[0] || (r[0] = (F) => N(t) ? t.value = F : null),
+              disabled: e(f),
+              inputReadOnly: e(o).options.readonly,
+              readonly: e(o).options.readonly,
+              allowClear: e(o).options.allowClear,
+              format: e(o).options.format,
+              "value-format": "HH:mm:ss",
+              placeholder: e(o).options.placeholder || e(p)("render.hint.timePlaceholder"),
+              onFocus: e(h),
+              onBlur: e(y)
+            }, null, 8, ["size", "value", "disabled", "inputReadOnly", "readonly", "allowClear", "format", "placeholder", "onFocus", "onBlur"]),
+            e(n) ? (d(), R("span", P, W(e(t)), 1)) : a("", !0)
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["rules"]));
+    };
+  }
+});
+export {
+  T as default
+};

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

@@ -1,131 +1,7 @@
-import a from "./form-item-wrapper.vue.js";
-import s from "../../../../utils/emitter.js";
-import f from "../../../../utils/i18n.js";
-import m from "./fieldMixin.js";
-import { Tree as c } from "ant-design-vue";
-import { executeFunction as u } from "../../../../utils/executeFunction.js";
-import { resolveComponent as o, createBlock as h, createCommentVNode as p, openBlock as b, withCtx as w, createElementVNode as x, createVNode as y } from "vue";
+import t from "./tree-widget.vue2.js";
 /* empty css                 */
-import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = {
-  name: "tree-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [s, m, f],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    },
-    rules: [],
-    designState: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  components: {
-    Tree: c,
-    FormItemWrapper: a
-  },
-  data() {
-    return {
-      fieldModel: []
-    };
-  },
-  computed: {
-    labelKey() {
-      return this.field.options.labelKey || "label";
-    },
-    valueKey() {
-      return this.field.options.valueKey || "value";
-    },
-    childrenKey() {
-      return this.field.options.childrenKey || "children";
-    }
-  },
-  created() {
-    this.registerToRefList(), this.initEventHandler(), this.field.options.dsEnabled ? this.initOptionItems() : this.fieldModel = this.field.options.treeData, this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  watch: {
-    fieldModel: {
-      handler(t) {
-        this.field.options.dsEnabled || (this.field.options.treeData = t);
-      },
-      deep: !0
-    }
-  },
-  methods: {
-    // e:{checked: bool, checkedNodes, node, event}
-    onCheck(t, n) {
-      u({
-        functionBody: this.field.options.onCheck,
-        params: { checkedKeys: t, e: n },
-        keys: ["checkedKeys", "e"],
-        context: this,
-        errorCallback: (e) => {
-          console.error("Custom render error:", e);
-        }
-      });
-    }
-  }
-}, k = { class: "full-width-input" };
-function C(t, n, e, I, r, i) {
-  const l = o("Tree"), d = o("form-item-wrapper");
-  return t.handleHidden() ? p("", !0) : (b(), h(d, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: e.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: w(() => [
-      x("div", k, [
-        y(l, {
-          "show-line": e.field.options.showLine,
-          showIcon: e.field.options.showIcon,
-          treeData: r.fieldModel,
-          "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
-          checkable: e.field.options.checkable,
-          ref: "fieldEditor",
-          fieldNames: { key: i.valueKey, title: i.labelKey, children: i.childrenKey },
-          multiple: e.field.options.multiple,
-          selectable: e.field.options.selectable,
-          onCheck: i.onCheck
-        }, null, 8, ["show-line", "showIcon", "treeData", "tree-default-expand-all", "checkable", "fieldNames", "multiple", "selectable", "onCheck"])
-      ])
-    ]),
-    _: 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"]));
-}
-const D = /* @__PURE__ */ g(_, [["render", C], ["__scopeId", "data-v-31a7fac6"]]);
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-a0b2e3aa"]]);
 export {
-  D as default
+  m as default
 };

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

@@ -0,0 +1,76 @@
+import { defineComponent as C, ref as _, watchEffect as E, createBlock as g, createCommentVNode as F, unref as e, openBlock as I, mergeProps as N, withCtx as D, createElementVNode as v, createVNode as K } from "vue";
+import W from "./form-item-wrapper.vue.js";
+import { Tree as z } from "ant-design-vue";
+import { useField as B } from "./useField.js";
+import { ComponentNameEnum as L, WidgetTypeEnum as V } from "../../../../constants/WidgetTypeEnum.js";
+import { useSelect as P } from "./hooks/useSelect.js";
+const R = { class: "full-width-input" }, j = /* @__PURE__ */ C({
+  name: V.cascader,
+  componentName: L.FieldWidget,
+  __name: "tree-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(i, { expose: s }) {
+    const o = i, {
+      rules: a,
+      executeFunction: d,
+      fieldEditor: c,
+      field: t,
+      fieldModel: p,
+      size: m,
+      designState: f,
+      handleHidden: u,
+      defineExposed: h
+    } = B(o), { labelKey: k, valueKey: w, childrenKey: b } = P({
+      field: t,
+      fieldModel: p,
+      designState: f
+    }), r = _([]), x = (n, l) => {
+      t.options.onCheck && d({
+        functionBody: t.options.onCheck,
+        params: { checkedKeys: n, e: l },
+        keys: ["checkedKeys", "e"],
+        errorCallback: (y) => {
+          console.error("Custom render error:", y);
+        }
+      });
+    };
+    return E(() => {
+      o.field.options.dsEnabled || (r.value = o.field.options.treeData || []);
+    }), s({
+      ...h
+    }), (n, l) => e(u) ? F("", !0) : (I(), g(W, N({ key: 0 }, o, { rules: e(a) }), {
+      default: D(() => [
+        v("div", R, [
+          K(e(z), {
+            size: e(m),
+            "show-line": e(t).options.showLine,
+            showIcon: e(t).options.showIcon,
+            treeData: r.value || [],
+            "tree-default-expand-all": e(t).options.treeDefaultExpandAll,
+            checkable: e(t).options.checkable,
+            ref_key: "fieldEditor",
+            ref: c,
+            fieldNames: { key: e(w), title: e(k), children: e(b) },
+            multiple: e(t).options.multiple,
+            selectable: e(t).options.selectable,
+            onCheck: x
+          }, null, 8, ["size", "show-line", "showIcon", "treeData", "tree-default-expand-all", "checkable", "fieldNames", "multiple", "selectable"])
+        ])
+      ]),
+      _: 1
+    }, 16, ["rules"]));
+  }
+});
+export {
+  j as default
+};

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

@@ -1,144 +1,4 @@
-import m from "./form-item-wrapper.vue.js";
-import u from "../../../../utils/emitter.js";
-import h from "../../../../utils/i18n.js";
-import c from "./fieldMixin.js";
-import { formateTreeToName as p } from "../../../../utils/format.js";
-import { isArray as b } from "lodash-es";
-import { resolveComponent as n, createBlock as g, createCommentVNode as o, openBlock as r, withCtx as y, createElementVNode as w, normalizeClass as v, withDirectives as C, createElementBlock as F, createVNode as M, vShow as x, toDisplayString as K } from "vue";
-/* empty css                       */
-import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const I = {
-  name: "treeSelect-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [u, c, h],
-  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: {
-    size() {
-      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
-    },
-    labelKey() {
-      return this.field.options.labelKey || "label";
-    },
-    valueKey() {
-      return this.field.options.valueKey || "value";
-    },
-    childrenKey() {
-      return this.field.options.childrenKey || "children";
-    },
-    // showFullPath() {
-    //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;
-    // },
-    contentForReadMode() {
-      if (!this.fieldModel) return "";
-      const t = b(this.fieldModel) ? this.fieldModel : [this.fieldModel];
-      return p(t, this.field.options.optionItems, {
-        label: this.labelKey,
-        value: this.valueKey,
-        children: this.childrenKey
-      });
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    /* 开启任意级节点可选后，点击radio隐藏下拉框 */
-    hideDropDownOnClick() {
-    }
-  }
-}, N = {
-  key: 0,
-  class: "readonly-mode-field"
-};
-function _(t, d, e, z, l, i) {
-  const s = n("a-tree-select"), a = n("form-item-wrapper");
-  return t.handleHidden() ? o("", !0) : (r(), g(a, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: l.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: y(() => [
-      w("div", {
-        class: v(["full-width-input", { "readonly-mode-cascader": t.isReadMode }])
-      }, [
-        C(M(s, {
-          "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
-          ref: "fieldEditor",
-          size: i.size,
-          treeData: e.field.options.optionItems,
-          value: l.fieldModel,
-          "onUpdate:value": d[0] || (d[0] = (f) => l.fieldModel = f),
-          disabled: t.handleDisabled(),
-          allowClear: e.field.options.allowClear,
-          placeholder: e.field.options.placeholder || t.i18nt("render.hint.selectPlaceholder"),
-          fieldNames: { value: i.valueKey, label: i.labelKey, children: i.childrenKey },
-          multiple: e.field.options.multiple,
-          onFocus: t.handleFocusCustomEvent,
-          onBlur: t.handleBlurCustomEvent,
-          onChange: t.handleChangeEvent
-        }, null, 8, ["tree-default-expand-all", "size", "treeData", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur", "onChange"]), [
-          [x, !t.isReadMode]
-        ]),
-        t.isReadMode ? (r(), F("span", N, K(i.contentForReadMode), 1)) : o("", !0)
-      ], 2)
-    ]),
-    _: 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"]));
-}
-const j = /* @__PURE__ */ R(I, [["render", _], ["__scopeId", "data-v-d7cc9ef8"]]);
+import f from "./treeSelect-widget.vue2.js";
 export {
-  j as default
+  f as default
 };