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

package/assets/number-widget.mjs

@@ -0,0 +1,74 @@
+import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, withDirectives, createElementBlock, createVNode, isRef, vShow, 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";
+const _hoisted_1 = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.number,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "number-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_input_number = resolveComponent("a-input-number");
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          withDirectives(createVNode(_component_a_input_number, {
+            ref: "fieldEditor",
+            size: unref(size),
+            value: unref(fieldModel),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+            class: "full-width-input",
+            disabled: unref(handleDisabled),
+            "controls-position": unref(field).options.controlsPosition,
+            placeholder: unref(field).options.placeholder,
+            min: unref(field).options.min,
+            max: unref(field).options.max,
+            precision: unref(field).options.precision,
+            step: unref(field).options.step,
+            onFocus: unref(handleFocusCustomEvent),
+            onBlur: unref(handleBlurCustomEvent)
+          }, null, 8, ["size", "value", "disabled", "controls-position", "placeholder", "min", "max", "precision", "step", "onFocus", "onBlur"]), [
+            [vShow, !unref(isReadMode)]
+          ]),
+          unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldModel)), 1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/assets/radio-widget.mjs

@@ -0,0 +1,93 @@
+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";
+const _hoisted_1 = {
+  key: 1,
+  class: "readonly-mode-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.radio,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "radio-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      rules,
+      field,
+      fieldModel,
+      isReadMode,
+      designState,
+      size,
+      handleHidden,
+      handleDisabled,
+      fieldEditor,
+      defineExposed
+    } = useField(props);
+    const { optionLabel, initOptionItems } = useSelect({
+      designState,
+      fieldModel,
+      field: props.field
+    });
+    onMounted(() => {
+      initOptionItems();
+    });
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_radio = resolveComponent("a-radio");
+      const _component_a_radio_group = resolveComponent("a-radio-group");
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          !unref(isReadMode) ? (openBlock(), createBlock(_component_a_radio_group, {
+            key: 0,
+            ref_key: "fieldEditor",
+            ref: fieldEditor,
+            value: unref(fieldModel),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+            size: unref(size),
+            disabled: unref(handleDisabled)
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(field).options.optionItems, (item, index) => {
+                return openBlock(), createBlock(_component_a_radio, {
+                  key: index,
+                  value: item[unref(field).options.valueKey],
+                  disabled: item.disabled,
+                  border: unref(field).options.border,
+                  style: normalizeStyle({ display: unref(field).options.displayStyle })
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item[unref(field).options.labelKey]), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value", "disabled", "border", "style"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["value", "size", "disabled"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(optionLabel)), 1))
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const radioWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e53bb148"]]);
+export {
+  radioWidget as default
+};

package/assets/rate-widget.mjs

@@ -0,0 +1,51 @@
+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";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.rate,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "rate-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { rules, fieldEditor, field, fieldModel, handleHidden, handleDisabled, defineExposed } = useField(props);
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_rate = resolveComponent("a-rate");
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          createVNode(_component_a_rate, {
+            ref_key: "fieldEditor",
+            ref: fieldEditor,
+            value: unref(fieldModel),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+            disabled: unref(handleDisabled),
+            allowClear: unref(field).options.allowClear,
+            count: unref(field).options.count,
+            "allow-half": unref(field).options.allowHalf
+          }, null, 8, ["value", "disabled", "allowClear", "count", "allow-half"])
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const rateWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-562f0b47"]]);
+export {
+  rateWidget as default
+};

package/assets/rich-editor-widget.mjs

@@ -0,0 +1,78 @@
+import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementBlock, createVNode, normalizeStyle, isRef } from "vue";
+import FormItemWrapper from "./form-item-wrapper.mjs";
+import { u as useField } from "./useField.mjs";
+import { QuillEditor } from "tmgc2-share";
+import { C as ComponentNameEnum, W as WidgetTypeEnum, _ as _export_sfc } from "./install.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "rich-editor-widget"
+};
+const _hoisted_2 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.richEditor,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "rich-editor-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      rules,
+      fieldEditor,
+      field,
+      fieldModel,
+      isReadMode,
+      handleHidden,
+      handleDisabled,
+      defineExposed
+    } = useField(props);
+    const editorOption = computed(() => {
+      return {
+        placeholder: field.options.placeholder,
+        modules: {}
+      };
+    });
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          !unref(isReadMode) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createVNode(unref(QuillEditor), {
+              ref_key: "fieldEditor",
+              ref: fieldEditor,
+              value: unref(fieldModel),
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+              options: editorOption.value,
+              disabled: unref(handleDisabled) || unref(isReadMode),
+              style: normalizeStyle(
+                !!unref(field).options.contentHeight ? `height: ${unref(field).options.contentHeight};` : ""
+              )
+            }, null, 8, ["value", "options", "disabled", "style"])
+          ])) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "readonly-mode-rich-editor",
+            innerHTML: unref(fieldModel)
+          }, null, 8, _hoisted_2))
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const richEditorWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c4e08a91"]]);
+export {
+  richEditorWidget as default
+};

package/assets/select-widget.mjs

@@ -0,0 +1,105 @@
+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";
+const _hoisted_1 = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "select-widget"
+  },
+  __name: "select-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,
+      designState,
+      fieldEditor,
+      handleHidden,
+      handleDisabled,
+      handleClickIcon,
+      handleFocusCustomEvent,
+      handleBlurCustomEvent,
+      defineExposed
+    } = useField(props);
+    const { selectOps, optionLabel, initOptionItems, selectDefineExpose } = useSelect({
+      field,
+      designState,
+      fieldModel
+    });
+    onMounted(() => {
+      initOptionItems();
+    });
+    __expose({
+      ...selectDefineExpose,
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_select = resolveComponent("a-select");
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            class: normalizeClass(["design-select-box", { useModal: unref(field).options.useModal }])
+          }, [
+            withDirectives(createVNode(_component_a_select, mergeProps({
+              ref_key: "fieldEditor",
+              ref: fieldEditor,
+              value: unref(fieldModel),
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+              size: unref(size),
+              class: "full-width-input",
+              disabled: unref(handleDisabled),
+              allowClear: unref(field).options.allowClear,
+              showArrow: true,
+              dropdownMatchSelectWidth: true,
+              mode: unref(field).options.mode,
+              maxTagCount: unref(field).options.maxTagCount,
+              placeholder: unref(field).options.placeholder || unref(i18nt)("render.hint.selectPlaceholder"),
+              onFocus: unref(handleFocusCustomEvent),
+              onBlur: unref(handleBlurCustomEvent),
+              options: unref(field).options.optionItems
+            }, unref(selectOps)), null, 16, ["value", "size", "disabled", "allowClear", "mode", "maxTagCount", "placeholder", "onFocus", "onBlur", "options"]), [
+              [vShow, !unref(isReadMode)]
+            ]),
+            unref(field).options.useModal ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "useModal-svg",
+              onClick: _cache[1] || (_cache[1] = //@ts-ignore
+              (...args) => unref(handleClickIcon) && unref(handleClickIcon)(...args))
+            }, [
+              createVNode(unref(SvgIcon), { "icon-class": "icon-sousuo" })
+            ])) : createCommentVNode("", true)
+          ], 2), [
+            [vShow, !unref(isReadMode)]
+          ]),
+          unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(optionLabel)), 1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+const selectWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3c936a7"]]);
+export {
+  selectWidget as default
+};

package/assets/slider-widget.mjs

@@ -0,0 +1,66 @@
+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";
+const _hoisted_1 = {
+  key: 1,
+  class: "readonly-mode-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.slider,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "slider-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      rules,
+      fieldEditor,
+      field,
+      fieldModel,
+      isReadMode,
+      handleHidden,
+      handleDisabled,
+      defineExposed
+    } = useField(props);
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      const _component_a_slider = resolveComponent("a-slider");
+      return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
+        default: withCtx(() => [
+          !unref(isReadMode) ? (openBlock(), createBlock(_component_a_slider, {
+            key: 0,
+            ref_key: "fieldEditor",
+            ref: fieldEditor,
+            value: unref(fieldModel),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+            disabled: unref(handleDisabled),
+            min: unref(field).options.min,
+            max: unref(field).options.max,
+            step: unref(field).options.step,
+            range: unref(field).options.range,
+            vertical: unref(field).options.vertical
+          }, null, 8, ["value", "disabled", "min", "max", "step", "range", "vertical"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldModel)), 1))
+        ]),
+        _: 1
+      }, 16, ["rules"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/assets/static-text-widget.mjs

@@ -0,0 +1,39 @@
+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";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: WidgetTypeEnum.staticText,
+    componentName: ComponentNameEnum.FieldWidget
+  },
+  __name: "static-text-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);
+    computed(() => field.options.bodyStyle || {});
+    __expose({
+      ...defineExposed
+    });
+    return (_ctx, _cache) => {
+      return !unref(handleHidden) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        ref_key: "fieldEditor",
+        ref: fieldEditor
+      }, toDisplayString(unref(field).options.textContent), 513)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};