@kp-ui/lowcode-pc 1.0.0-alpha.1

package/assets/tab-widget.mjs

@@ -0,0 +1,68 @@
+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";
+const _hoisted_1 = { class: "tab-content-wrapper" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: ContainerTypeEnum.Tab,
+    componentName: ComponentNameEnum.ContainerWidget
+  },
+  __name: "tab-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { initRefList } = useAppRef();
+    const onTabClick = (key) => {
+      props.widget.options.activeTab = key;
+    };
+    initRefList();
+    return (_ctx, _cache) => {
+      const _component_a_tab_pane = resolveComponent("a-tab-pane");
+      const _component_a_tabs = resolveComponent("a-tabs");
+      return openBlock(), createElementBlock("div", {
+        key: _ctx.widget.id,
+        class: "tab-container container-design-widget"
+      }, [
+        createVNode(_component_a_tabs, {
+          type: _ctx.widget.options.type,
+          tabBarGutter: _ctx.widget.options.tabBarGutter,
+          tabPosition: _ctx.widget.options.tabPosition,
+          activeKey: _ctx.widget.options.activeTab,
+          "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => _ctx.widget.options.activeTab = $event),
+          onTabClick
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.widget.tabs, (tab) => {
+              return openBlock(), createBlock(_component_a_tab_pane, {
+                tab: tab.options.label,
+                key: tab.options.label
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    createVNode(unref(RenderWidgetList), {
+                      list: tab.widgetList,
+                      "onUpdate:list": ($event) => tab.widgetList = $event,
+                      parentWidget: _ctx.widget
+                    }, null, 8, ["list", "onUpdate:list", "parentWidget"])
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["tab"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["type", "tabBarGutter", "tabPosition", "activeKey"])
+      ]);
+    };
+  }
+});
+const tabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3280ee5e"]]);
+export {
+  tabWidget as default
+};

package/assets/textarea-widget.mjs

@@ -0,0 +1,75 @@
+import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementBlock, 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";
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.textarea,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "textarea-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      rules,
+      field,
+      fieldModel,
+      isReadMode,
+      size,
+      handleHidden,
+      handleDisabled,
+      handleFocusCustomEvent,
+      handleBlurCustomEvent,
+      defineExposed
+    } = useField(props);
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_textarea = resolveComponent("a-textarea");
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          !unref(isReadMode) ? (openBlock(), createBlock(_component_a_textarea, {
+            key: 0,
+            type: "textarea",
+            ref: "fieldEditor",
+            value: unref(fieldModel),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+            size: unref(size),
+            disabled: unref(handleDisabled),
+            allowClear: unref(field).options.allowClear,
+            readonly: unref(field).options.readonly,
+            placeholder: unref(field).options.placeholder,
+            rows: unref(field).options.rows,
+            minlength: unref(field).options.minLength,
+            maxlength: unref(field).options.maxLength,
+            showCount: unref(field).options.showCount,
+            onFocus: unref(handleFocusCustomEvent),
+            onBlur: unref(handleBlurCustomEvent)
+          }, null, 8, ["value", "size", "disabled", "allowClear", "readonly", "placeholder", "rows", "minlength", "maxlength", "showCount", "onFocus", "onBlur"])) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            innerHTML: unref(fieldModel),
+            class: "readonly-mode-field"
+          }, null, 8, _hoisted_1))
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const textareaWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04869c36"]]);
+export {
+  textareaWidget as default
+};

package/assets/time-range-widget.mjs

@@ -0,0 +1,94 @@
+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";
+const _hoisted_1 = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.timeRange,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "time-range-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      rules,
+      i18nt,
+      fieldEditor,
+      field,
+      fieldModel,
+      isReadMode,
+      size,
+      handleHidden,
+      handleDisabled,
+      handleFocusCustomEvent,
+      handleBlurCustomEvent,
+      defineExposed
+    } = useField(props);
+    const contentForReadMode = computed(() => {
+      var _a;
+      if (!fieldModel.value) {
+        return "--";
+      } else {
+        return (_a = fieldModel.value) == null ? void 0 : _a.join("-");
+      }
+    });
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_time_range_picker = resolveComponent("a-time-range-picker");
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass([
+              !!unref(field).options.autoFullWidth ? "auto-full-width" : "",
+              unref(isReadMode) ? "readonly-mode-time-range" : ""
+            ])
+          }, [
+            createVNode(_component_a_time_range_picker, {
+              ref_key: "fieldEditor",
+              ref: fieldEditor,
+              size: unref(size),
+              value: unref(fieldModel),
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+              class: normalizeClass([!!unref(field).options.autoFullWidth ? "full-width-input" : ""]),
+              disabled: unref(handleDisabled),
+              readonly: unref(field).options.readonly,
+              inputReadOnly: unref(field).options.readonly,
+              allowClear: unref(field).options.allowClear,
+              format: unref(field).options.format,
+              "value-format": "HH:mm:ss",
+              placeholder: [
+                unref(field).options.startPlaceholder || unref(i18nt)("render.hint.startTimePlaceholder"),
+                unref(field).options.endPlaceholder || unref(i18nt)("render.hint.endTimePlaceholder")
+              ],
+              onFocus: unref(handleFocusCustomEvent),
+              onBlur: unref(handleBlurCustomEvent)
+            }, null, 8, ["size", "value", "class", "disabled", "readonly", "inputReadOnly", "allowClear", "format", "placeholder", "onFocus", "onBlur"]),
+            unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(contentForReadMode.value), 1)) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const timeRangeWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1b009c7b"]]);
+export {
+  timeRangeWidget as default
+};

package/assets/time-widget.mjs

@@ -0,0 +1,80 @@
+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";
+const _hoisted_1 = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.time,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "time-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      rules,
+      i18nt,
+      field,
+      fieldModel,
+      isReadMode,
+      size,
+      handleHidden,
+      handleDisabled,
+      handleFocusCustomEvent,
+      handleBlurCustomEvent,
+      defineExposed
+    } = useField(props);
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_time_picker = resolveComponent("a-time-picker");
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass([
+              !!unref(field).options.autoFullWidth ? "auto-full-width" : "",
+              unref(isReadMode) ? "readonly-mode-time" : ""
+            ])
+          }, [
+            createVNode(_component_a_time_picker, {
+              size: unref(size),
+              ref: "fieldEditor",
+              value: unref(fieldModel),
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+              disabled: unref(handleDisabled),
+              inputReadOnly: unref(field).options.readonly,
+              readonly: unref(field).options.readonly,
+              allowClear: unref(field).options.allowClear,
+              format: unref(field).options.format,
+              "value-format": "HH:mm:ss",
+              placeholder: unref(field).options.placeholder || unref(i18nt)("render.hint.timePlaceholder"),
+              onFocus: unref(handleFocusCustomEvent),
+              onBlur: unref(handleBlurCustomEvent)
+            }, null, 8, ["size", "value", "disabled", "inputReadOnly", "readonly", "allowClear", "format", "placeholder", "onFocus", "onBlur"]),
+            unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldModel)), 1)) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const timeWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c22cb89"]]);
+export {
+  timeWidget as default
+};

package/assets/tree-widget.mjs

@@ -0,0 +1,94 @@
+import { defineComponent, ref, watchEffect, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, createVNode } from "vue";
+import FormItemWrapper from "./form-item-wrapper.mjs";
+import { Tree } from "ant-design-vue";
+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";
+const _hoisted_1 = { class: "full-width-input" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.cascader,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "tree-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      rules,
+      executeFunction,
+      fieldEditor,
+      field,
+      fieldModel,
+      size,
+      designState,
+      handleHidden,
+      defineExposed
+    } = useField(props);
+    const { labelKey, valueKey, childrenKey } = useSelect({
+      field,
+      fieldModel,
+      designState
+    });
+    const treeData = ref([]);
+    const onCheck = (checkedKeys, e) => {
+      if (!field.options.onCheck) {
+        return;
+      }
+      executeFunction({
+        functionBody: field.options.onCheck,
+        params: { checkedKeys, e },
+        keys: ["checkedKeys", "e"],
+        errorCallback: (error) => {
+          console.error("Custom render error:", error);
+        }
+      });
+    };
+    watchEffect(() => {
+      if (props.field.options.dsEnabled) ;
+      else {
+        treeData.value = props.field.options.treeData || [];
+      }
+    });
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(unref(Tree), {
+              size: unref(size),
+              "show-line": unref(field).options.showLine,
+              showIcon: unref(field).options.showIcon,
+              treeData: treeData.value || [],
+              "tree-default-expand-all": unref(field).options.treeDefaultExpandAll,
+              checkable: unref(field).options.checkable,
+              ref_key: "fieldEditor",
+              ref: fieldEditor,
+              fieldNames: { key: unref(valueKey), title: unref(labelKey), children: unref(childrenKey) },
+              multiple: unref(field).options.multiple,
+              selectable: unref(field).options.selectable,
+              onCheck
+            }, null, 8, ["size", "show-line", "showIcon", "treeData", "tree-default-expand-all", "checkable", "fieldNames", "multiple", "selectable"])
+          ])
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const treeWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bad9595c"]]);
+export {
+  treeWidget as default
+};

package/assets/treeSelect-widget.mjs

@@ -0,0 +1,98 @@
+import { defineComponent, onMounted, computed, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, withDirectives, createElementBlock, createVNode, isRef, vShow, 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, f as formateCascaderCode } from "./install.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.treeSelect,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "treeSelect-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      rules,
+      i18nt,
+      fieldEditor,
+      field,
+      fieldModel,
+      isReadMode,
+      size,
+      designState,
+      handleHidden,
+      handleDisabled,
+      handleFocusCustomEvent,
+      handleBlurCustomEvent,
+      defineExposed
+    } = useField(props);
+    const { labelKey, valueKey, childrenKey, initOptionItems } = useSelect({
+      field,
+      fieldModel,
+      designState
+    });
+    onMounted(() => {
+      initOptionItems();
+    });
+    const contentForReadMode = computed(() => {
+      if (!fieldModel.value) return "";
+      return formateCascaderCode(field.options.optionItems, fieldModel.value, {
+        label: labelKey.value,
+        value: valueKey.value,
+        children: childrenKey.value
+      });
+    });
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_tree_select = resolveComponent("a-tree-select");
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["full-width-input", { "readonly-mode-cascader": unref(isReadMode) }])
+          }, [
+            withDirectives(createVNode(_component_a_tree_select, {
+              "tree-default-expand-all": unref(field).options.treeDefaultExpandAll,
+              ref_key: "fieldEditor",
+              ref: fieldEditor,
+              size: unref(size),
+              treeData: unref(field).options.optionItems,
+              value: unref(fieldModel),
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+              disabled: unref(handleDisabled),
+              allowClear: unref(field).options.allowClear,
+              placeholder: unref(field).options.placeholder || unref(i18nt)("render.hint.selectPlaceholder"),
+              fieldNames: { value: unref(valueKey), label: unref(labelKey), children: unref(childrenKey) },
+              multiple: unref(field).options.multiple,
+              onFocus: unref(handleFocusCustomEvent),
+              onBlur: unref(handleBlurCustomEvent)
+            }, null, 8, ["tree-default-expand-all", "size", "treeData", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur"]), [
+              [vShow, !unref(isReadMode)]
+            ]),
+            unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(contentForReadMode.value), 1)) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/assets/useCustomerModal.mjs

@@ -0,0 +1,30 @@
+import { defineAsyncComponent, createApp, createVNode, mergeProps } from "vue";
+const openCustomerModal = (ops, app) => {
+  const {
+    type,
+    formCode,
+    ...args
+  } = ops;
+  const div = document.createElement("div");
+  document.body.appendChild(div);
+  const Com = defineAsyncComponent(() => import("./CustomerModal.mjs"));
+  const hide = (modal2) => {
+    modal2.unmount();
+    div.remove();
+  };
+  const onCancel = () => {
+    hide(modal);
+  };
+  const modal = createApp(createVNode(Com, mergeProps({
+    "type": type,
+    "formCode": formCode
+  }, {
+    onCancel
+  }, args), null));
+  modal._context.components = app._context.components;
+  modal._context.config.globalProperties = app._context.config.globalProperties;
+  modal.mount(div);
+};
+export {
+  openCustomerModal
+};