@kp-ui/lowcode 1.0.24 → 1.0.26

package/src/components/form-designer/setting-panel/property-editor-factory.js

@@ -1,197 +1,215 @@
-import { createVNode as e, resolveComponent as o, isVNode as p } from "vue";
-import { translate as d } from "../../../utils/i18n.js";
-import s from "../../../utils/emitter.js";
-function u(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !p(t);
+import { createVNode, resolveComponent, isVNode } from "vue";
+import { translate } from "../../../utils/i18n.js";
+import emitter from "../../../utils/emitter.js";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const b = function(t, l) {
+const createInputTextEditor = function(propName, propLabelKey) {
   return {
     props: {
       optionModel: Object
     },
-    render(n) {
-      return e(o("a-form-item"), {
-        label: d(l)
+    render(h) {
+      return createVNode(resolveComponent("a-form-item"), {
+        "label": translate(propLabelKey)
       }, {
-        default: () => [e(o("a-input"), {
-          type: "text",
-          value: this.optionModel[t],
-          "onUpdate:value": (i) => this.optionModel[t] = i
+        default: () => [createVNode(resolveComponent("a-input"), {
+          "type": "text",
+          "value": this.optionModel[propName],
+          "onUpdate:value": ($event) => this.optionModel[propName] = $event
         }, null)]
       });
     }
   };
-}, m = function(t, l) {
+};
+const createInputNumberEditor = function(propName, propLabelKey) {
   return {
     props: {
       optionModel: Object
     },
     methods: {
-      updateValue(n) {
-        n == null || isNaN(n) ? this.optionModel[t] = null : this.optionModel[t] = Number(n);
+      updateValue(newValue) {
+        if (newValue === void 0 || newValue === null || isNaN(newValue)) {
+          this.optionModel[propName] = null;
+        } else {
+          this.optionModel[propName] = Number(newValue);
+        }
       }
     },
-    render(n) {
-      return e(o("a-form-item"), {
-        label: d(l)
+    render(h) {
+      return createVNode(resolveComponent("a-form-item"), {
+        "label": translate(propLabelKey)
       }, {
-        default: () => [e(o("a-input-number"), {
-          type: "text",
-          value: this.optionModel[t],
-          "onUpdate:value": (i) => this.optionModel[t] = i,
-          onChange: this.updateValue,
-          style: "width: 100%"
+        default: () => [createVNode(resolveComponent("a-input-number"), {
+          "type": "text",
+          "value": this.optionModel[propName],
+          "onUpdate:value": ($event) => this.optionModel[propName] = $event,
+          "onChange": this.updateValue,
+          "style": "width: 100%"
         }, null)]
       });
     }
   };
-}, v = function(t, l) {
+};
+const createBooleanEditor = function(propName, propLabelKey) {
   return {
     props: {
       optionModel: Object
     },
-    render(n) {
-      return e(o("a-form-item"), {
-        label: d(l)
+    render(h) {
+      return createVNode(resolveComponent("a-form-item"), {
+        "label": translate(propLabelKey)
       }, {
-        default: () => [e(o("a-switch"), {
-          checked: this.optionModel[t],
-          "onUpdate:checked": (i) => this.optionModel[t] = i
+        default: () => [createVNode(resolveComponent("a-switch"), {
+          "checked": this.optionModel[propName],
+          "onUpdate:checked": ($event) => this.optionModel[propName] = $event
         }, null)]
       });
     }
   };
-}, M = function(t, l, n) {
+};
+const createCheckboxGroupEditor = function(propName, propLabelKey, configs) {
   return {
     props: {
       optionModel: Object
     },
-    render(i) {
-      let a;
-      return e(o("a-form-item"), {
-        label: d(l)
+    render(h) {
+      let _slot;
+      return createVNode(resolveComponent("a-form-item"), {
+        "label": translate(propLabelKey)
       }, {
-        default: () => [e(o("a-checkbox-group"), {
-          value: this.optionModel[t],
-          "onUpdate:value": (r) => this.optionModel[t] = r
-        }, u(a = n.optionItems.map((r) => e(o("a-checkbox"), {
-          value: r.value
-        }, {
-          default: () => [r.label]
-        }))) ? a : {
-          default: () => [a]
+        default: () => [createVNode(resolveComponent("a-checkbox-group"), {
+          "value": this.optionModel[propName],
+          "onUpdate:value": ($event) => this.optionModel[propName] = $event
+        }, _isSlot(_slot = configs.optionItems.map((item) => {
+          return createVNode(resolveComponent("a-checkbox"), {
+            "value": item.value
+          }, {
+            default: () => [item.label]
+          });
+        })) ? _slot : {
+          default: () => [_slot]
         })]
       });
     }
   };
-}, E = function(t, l, n) {
+};
+const createRadioGroupEditor = function(propName, propLabelKey, configs) {
   return {
     props: {
       optionModel: Object
     },
-    render(i) {
-      let a;
-      return e(o("a-form-item"), {
-        label: d(l)
+    render(h) {
+      let _slot2;
+      return createVNode(resolveComponent("a-form-item"), {
+        "label": translate(propLabelKey)
       }, {
-        default: () => [e(o("a-radio-group"), {
-          value: this.optionModel[t],
-          "onUpdate:value": (r) => this.optionModel[t] = r
-        }, u(a = n.optionItems.map((r) => e(o("a-radio"), {
-          value: r.value
-        }, {
-          default: () => [r.label]
-        }))) ? a : {
-          default: () => [a]
+        default: () => [createVNode(resolveComponent("a-radio-group"), {
+          "value": this.optionModel[propName],
+          "onUpdate:value": ($event) => this.optionModel[propName] = $event
+        }, _isSlot(_slot2 = configs.optionItems.map((item) => {
+          return createVNode(resolveComponent("a-radio"), {
+            "value": item.value
+          }, {
+            default: () => [item.label]
+          });
+        })) ? _slot2 : {
+          default: () => [_slot2]
         })]
       });
     }
   };
-}, j = function(t, l, n) {
+};
+const createRadioButtonGroupEditor = function(propName, propLabelKey, configs) {
   return {
     props: {
       optionModel: Object
     },
-    render(i) {
-      let a;
-      return e(o("a-form-item"), {
-        label: d(l)
+    render(h) {
+      let _slot3;
+      return createVNode(resolveComponent("a-form-item"), {
+        "label": translate(propLabelKey)
       }, {
-        default: () => [e(o("a-radio-group"), {
-          value: this.optionModel[t],
-          "onUpdate:value": (r) => this.optionModel[t] = r
-        }, u(a = n.optionItems.map((r) => e(o("a-radio-button"), {
-          value: r.value
-        }, {
-          default: () => [r.label]
-        }))) ? a : {
-          default: () => [a]
+        default: () => [createVNode(resolveComponent("a-radio-group"), {
+          "value": this.optionModel[propName],
+          "onUpdate:value": ($event) => this.optionModel[propName] = $event
+        }, _isSlot(_slot3 = configs.optionItems.map((item) => {
+          return createVNode(resolveComponent("a-radio-button"), {
+            "value": item.value
+          }, {
+            default: () => [item.label]
+          });
+        })) ? _slot3 : {
+          default: () => [_slot3]
         })]
       });
     }
   };
-}, O = function(t, l, n) {
+};
+const createSelectEditor = function(propName, propLabelKey, configs) {
   return {
     props: {
       optionModel: Object
     },
-    render(i) {
-      return e(o("a-form-item"), {
-        label: d(l)
+    render(h) {
+      return createVNode(resolveComponent("a-form-item"), {
+        "label": translate(propLabelKey)
       }, {
-        default: () => [e(o("a-select"), {
-          value: this.optionModel[t],
-          "onUpdate:value": (a) => this.optionModel[t] = a,
-          options: n.optionItems
+        default: () => [createVNode(resolveComponent("a-select"), {
+          "value": this.optionModel[propName],
+          "onUpdate:value": ($event) => this.optionModel[propName] = $event,
+          "options": configs.optionItems
         }, null)]
       });
     }
   };
-}, x = function(t, l) {
+};
+const createEventHandlerEditor = function(eventPropName, eventParams) {
   return {
     props: {
       optionModel: Object
     },
-    mixins: [s],
+    mixins: [emitter],
     methods: {
       editEventHandler() {
-        this.dispatch("SettingPanel", "editEventHandler", [t, [...l]]);
+        this.dispatch("SettingPanel", "editEventHandler", [eventPropName, [...eventParams]]);
       }
     },
-    render(n) {
-      let i;
-      return e(o("a-form-item"), {
-        label: t,
+    render(h) {
+      let _slot4;
+      return createVNode(resolveComponent("a-form-item"), {
+        "label": eventPropName,
         "label-width": "150px"
       }, {
-        default: () => [e(o("a-button"), {
-          type: "info",
-          plain: !0,
-          shape: "round",
-          onClick: this.editEventHandler
-        }, u(i = d("designer.setting.addEventHandler")) ? i : {
-          default: () => [i]
+        default: () => [createVNode(resolveComponent("a-button"), {
+          "type": "info",
+          "plain": true,
+          "shape": "round",
+          "onClick": this.editEventHandler
+        }, _isSlot(_slot4 = translate("designer.setting.addEventHandler")) ? _slot4 : {
+          default: () => [_slot4]
         })]
       });
     }
   };
-}, y = function() {
+};
+const createEmptyEditor = function() {
   return {
     render() {
-      return e("div", {
-        style: "display: none"
+      return createVNode("div", {
+        "style": "display: none"
       }, null);
     }
   };
 };
 export {
-  v as createBooleanEditor,
-  M as createCheckboxGroupEditor,
-  y as createEmptyEditor,
-  x as createEventHandlerEditor,
-  m as createInputNumberEditor,
-  b as createInputTextEditor,
-  j as createRadioButtonGroupEditor,
-  E as createRadioGroupEditor,
-  O as createSelectEditor
+  createBooleanEditor,
+  createCheckboxGroupEditor,
+  createEmptyEditor,
+  createEventHandlerEditor,
+  createInputNumberEditor,
+  createInputTextEditor,
+  createRadioButtonGroupEditor,
+  createRadioGroupEditor,
+  createSelectEditor
 };

package/src/components/form-designer/setting-panel/propertyRegister.js

@@ -1,4 +1,4 @@
-const r = {
+const COMMON_PROPERTIES = {
   //字段
   name: "name-editor",
   label: "label-editor",
@@ -54,6 +54,7 @@ const r = {
   showPassword: "showPassword-editor",
   textContent: "textContent-editor",
   htmlContent: "htmlContent-editor",
+  slotCompontent: "slot-compontent-editor",
   format: "format-editor",
   valueFormat: "valueFormat-editor",
   // filterable: 'filterable-editor',
@@ -114,7 +115,8 @@ const r = {
   okButtonHidden: "okButtonHidden-editor",
   cancelButtonLabel: "cancelButtonLabel-editor",
   cancelButtonHidden: "cancelButtonHidden-editor"
-}, n = {
+};
+const ADVANCED_PROPERTIES = {
   min: "min-editor",
   max: "max-editor",
   count: "count-editor",
@@ -146,7 +148,8 @@ const r = {
   appendButton: "appendButton-editor",
   appendButtonDisabled: "appendButtonDisabled-editor",
   buttonIcon: "buttonIcon-editor"
-}, d = {
+};
+const EVENT_PROPERTIES = {
   //字段
   onCreated: "onCreated-editor",
   onMounted: "onMounted-editor",
@@ -193,39 +196,42 @@ const r = {
   onDrawerBeforeClose: "onDrawerBeforeClose-editor",
   customRow: "customRow-editor"
 };
-function l(o, e) {
-  r[o] = e;
+function registerCommonProperty(uniquePropName, propEditorName) {
+  COMMON_PROPERTIES[uniquePropName] = propEditorName;
 }
-function a(o, e) {
-  n[o] = e;
+function registerAdvancedProperty(uniquePropName, propEditorName) {
+  ADVANCED_PROPERTIES[uniquePropName] = propEditorName;
 }
-function s(o, e) {
-  d[o] = e;
+function registerEventProperty(uniquePropName, propEditorName) {
+  EVENT_PROPERTIES[uniquePropName] = propEditorName;
 }
-function c(o) {
-  return !!r[o] || !!n[o] || !!d[o];
+function propertyRegistered(uniquePropName) {
+  return !!COMMON_PROPERTIES[uniquePropName] || !!ADVANCED_PROPERTIES[uniquePropName] || !!EVENT_PROPERTIES[uniquePropName];
 }
-function u(o, e, t, i) {
-  o.component(t, i), l(e, t);
+function registerCPEditor(app, uniquePropName, propEditorName, editorComponent) {
+  app.component(propEditorName, editorComponent);
+  registerCommonProperty(uniquePropName, propEditorName);
 }
-function h(o, e, t, i) {
-  o.component(t, i), a(e, t);
+function registerAPEditor(app, uniquePropName, propEditorName, editorComponent) {
+  app.component(propEditorName, editorComponent);
+  registerAdvancedProperty(uniquePropName, propEditorName);
 }
-function C(o, e, t, i) {
-  o.component(t, i), s(e, t);
+function registerEPEditor(app, uniquePropName, propEditorName, editorComponent) {
+  app.component(propEditorName, editorComponent);
+  registerEventProperty(uniquePropName, propEditorName);
 }
-const p = {
-  COMMON_PROPERTIES: r,
-  ADVANCED_PROPERTIES: n,
-  EVENT_PROPERTIES: d
+const WidgetProperties = {
+  COMMON_PROPERTIES,
+  ADVANCED_PROPERTIES,
+  EVENT_PROPERTIES
 };
 export {
-  p as default,
-  c as propertyRegistered,
-  h as registerAPEditor,
-  a as registerAdvancedProperty,
-  u as registerCPEditor,
-  l as registerCommonProperty,
-  C as registerEPEditor,
-  s as registerEventProperty
+  WidgetProperties as default,
+  propertyRegistered,
+  registerAPEditor,
+  registerAdvancedProperty,
+  registerCPEditor,
+  registerCommonProperty,
+  registerEPEditor,
+  registerEventProperty
 };