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

package/assets/color-widget.mjs

@@ -0,0 +1,62 @@
+import { defineComponent, 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 { ColorPicker } from "tmgc2-share";
+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.color,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "color-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      rules,
+      fieldModel,
+      isReadMode,
+      handleHidden,
+      defineExposed
+    } = useField(props);
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass([unref(isReadMode) ? "readonly-mode-color" : ""])
+          }, [
+            createVNode(unref(ColorPicker), {
+              size: "middle",
+              class: "t-w-[120px]",
+              value: unref(fieldModel),
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null)
+            }, null, 8, ["value"]),
+            unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldModel)), 1)) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const colorWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-06df4330"]]);
+export {
+  colorWidget as default
+};

package/assets/data-table-widget.mjs

@@ -0,0 +1,92 @@
+import { defineComponent, watchEffect, onMounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, createVNode } from "vue";
+import { C as ComponentNameEnum, e as ContainerTypeEnum, h as useField, i as useTableWidget, _ as _export_sfc } from "./install.mjs";
+import { useVxeTable, Table } from "tmgc2-share";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: ContainerTypeEnum.DataTable,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "data-table-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { fieldModel, handleHidden, defineExposed } = useField(props);
+    const {
+      isLoading,
+      tableProps,
+      pagintion,
+      tableWidth,
+      setPagination,
+      handleTableChange,
+      setTableRef,
+      initTableSoureData,
+      tableDefinExpoed
+    } = useTableWidget({
+      fieldModel,
+      props
+    });
+    watchEffect(() => {
+      setPagination({
+        total: props.field.options.showPagination ? 1 : 0
+      });
+    });
+    const { tableRef, setTableProps, register } = useVxeTable({
+      props: {
+        rowKey: props.field.options.rowKey,
+        clickRowCheck: props.field.options.colorRow
+      },
+      events: {
+        columnResizableChange: (data) => {
+          const { field, resizeWidth } = data.resizeColumn;
+          if (field) {
+            const column = props.field.options.tableColumns.find(
+              (item) => item.dataIndex === field
+            );
+            column.isAutoWidth = false;
+            column.width = resizeWidth;
+          }
+        }
+      }
+    });
+    watchEffect(() => {
+      if (tableRef.value) {
+        setTableRef(tableRef.value);
+      }
+    });
+    onMounted(() => {
+      initTableSoureData();
+    });
+    __expose({
+      ...defineExposed,
+      ...tableDefinExpoed,
+      setPagination,
+      fieldEditor: tableRef.value
+    });
+    return (_ctx, _cache) => {
+      return !unref(handleHidden) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "talbe-wrapper",
+        style: normalizeStyle({ width: unref(tableWidth) })
+      }, [
+        createVNode(unref(Table), {
+          tableProps: unref(tableProps),
+          onRegister: unref(register),
+          loading: unref(isLoading),
+          pagination: unref(pagintion),
+          onChange: unref(handleTableChange)
+        }, null, 8, ["tableProps", "onRegister", "loading", "pagination", "onChange"])
+      ], 4)) : createCommentVNode("", true);
+    };
+  }
+});
+const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ad6fb3c4"]]);
+export {
+  dataTableWidget as default
+};

package/assets/date-range-widget.mjs

@@ -0,0 +1,87 @@
+import { defineComponent, computed, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, 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: 1,
+  class: "readonly-mode-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.dateRange,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "date-range-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      i18nt,
+      rules,
+      fieldEditor,
+      field,
+      fieldModel,
+      isReadMode,
+      size,
+      handleHidden,
+      handleDisabled,
+      handleFocusCustomEvent,
+      handleBlurCustomEvent,
+      defineExposed
+    } = useField(props);
+    const contentForReadMode = computed(() => {
+      if (!fieldModel.value) {
+        return "";
+      }
+      return `${fieldModel.value[0]} - ${fieldModel.value[1]}`;
+    });
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_range_picker = resolveComponent("a-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) ? (openBlock(), createBlock(_component_a_range_picker, {
+              key: 0,
+              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 ? "auto-full-width" : ""]),
+              disabled: unref(handleDisabled),
+              readonly: unref(field).options.readonly,
+              allowClear: unref(field).options.allowClear,
+              "show-time": unref(field).options.showTime,
+              format: unref(field).options.format,
+              "value-format": unref(field).options.valueFormat,
+              "start-placeholder": unref(field).options.startPlaceholder || unref(i18nt)("render.hint.startDatePlaceholder"),
+              "end-placeholder": unref(field).options.endPlaceholder || unref(i18nt)("render.hint.endDatePlaceholder"),
+              onFocus: unref(handleFocusCustomEvent),
+              onBlur: unref(handleBlurCustomEvent)
+            }, null, 8, ["size", "value", "class", "disabled", "readonly", "allowClear", "show-time", "format", "value-format", "start-placeholder", "end-placeholder", "onFocus", "onBlur"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(contentForReadMode.value), 1))
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const dateRangeWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-deec5b65"]]);
+export {
+  dateRangeWidget as default
+};

package/assets/date-widget.mjs

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

package/assets/divider-widget.mjs

@@ -0,0 +1,46 @@
+import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, withCtx, createTextVNode, toDisplayString } from "vue";
+import { u as useField } from "./useField.mjs";
+import { C as ComponentNameEnum, W as WidgetTypeEnum } from "./install.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.divider,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "divider-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { fieldEditor, field, handleHidden, defineExposed } = useField(props);
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_divider = resolveComponent("a-divider");
+      return !unref(handleHidden) ? (openBlock(), createBlock(_component_a_divider, {
+        key: 0,
+        ref_key: "fieldEditor",
+        ref: fieldEditor,
+        type: unref(field).options.direction,
+        orientation: unref(field).options.contentPosition
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(unref(field).options.label), 1)
+        ]),
+        _: 1
+      }, 8, ["type", "orientation"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/assets/diy-compontent-widget.mjs

@@ -0,0 +1,54 @@
+import { defineComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, resolveDynamicComponent } 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";
+const _hoisted_1 = { class: "slot-wrapper-render" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.bpmnEditor,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "diy-compontent-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { rules, fieldEditor, field, fieldModel, handleHidden, defineExposed, executeFunction } = useField(props);
+    const renderCompont = () => {
+      const component = executeFunction({
+        functionBody: field.options.customRender,
+        params: { data: fieldModel.value },
+        keys: ["data"]
+      });
+      return component ?? null;
+    };
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            (openBlock(), createBlock(resolveDynamicComponent(renderCompont()), {
+              ref_key: "fieldEditor",
+              ref: fieldEditor
+            }, null, 512))
+          ])
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/assets/dropdown-widget.mjs

@@ -0,0 +1,101 @@
+import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList } from "vue";
+import { u as useField } from "./useField.mjs";
+import { DownOutlined } from "@ant-design/icons-vue";
+import { C as ComponentNameEnum, W as WidgetTypeEnum, _ as _export_sfc } from "./install.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.dropdown,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "dropdown-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      executeFunction,
+      fieldEditor,
+      field,
+      size,
+      handleDisabled,
+      handleHidden,
+      defineExposed
+    } = useField(props);
+    const handleMenuClick = (menuItem) => {
+      const { onMenuClick } = field.options;
+      if (onMenuClick) {
+        executeFunction({
+          functionBody: onMenuClick,
+          keys: ["menuItem"],
+          params: { menuItem }
+        });
+      }
+    };
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_menu_item = resolveComponent("a-menu-item");
+      const _component_a_menu = resolveComponent("a-menu");
+      const _component_a_button = resolveComponent("a-button");
+      const _component_a_dropdown = resolveComponent("a-dropdown");
+      return !unref(handleHidden) ? (openBlock(), createBlock(_component_a_dropdown, {
+        key: 0,
+        size: unref(size),
+        ref_key: "fieldEditor",
+        ref: fieldEditor,
+        disabled: unref(handleDisabled),
+        placement: unref(field).options.placement
+      }, {
+        overlay: withCtx(() => [
+          createVNode(_component_a_menu, { onClick: handleMenuClick }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(field).options.menuList || [], (item) => {
+                return openBlock(), createBlock(_component_a_menu_item, {
+                  key: item.value
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.label), 1)
+                  ]),
+                  _: 2
+                }, 1024);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_a_button, {
+            type: unref(field).options.type,
+            size: unref(field).options.size,
+            class: normalizeClass([unref(field).options.label === "" ? "hide-text-span" : "", "tpf-button"]),
+            shape: unref(field).options.shape,
+            danger: unref(field).options.danger,
+            ghost: unref(field).options.ghost,
+            disabled: unref(handleDisabled)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(field).options.label) + " ", 1),
+              createVNode(unref(DownOutlined))
+            ]),
+            _: 1
+          }, 8, ["type", "size", "class", "shape", "danger", "ghost", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["size", "disabled", "placement"])) : createCommentVNode("", true);
+    };
+  }
+});
+const dropdownWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-41213ad4"]]);
+export {
+  dropdownWidget as default
+};