@kp-ui/lowcode 1.0.20 → 1.0.21

package/es/lib/vuedraggable/src/util/tags.js

@@ -0,0 +1,133 @@
+const e = [
+  "a",
+  "abbr",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "label",
+  "legend",
+  "li",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "math",
+  "menu",
+  "menuitem",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rb",
+  "rp",
+  "rt",
+  "rtc",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "slot",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "svg",
+  "table",
+  "tbody",
+  "td",
+  "template",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr"
+];
+function r(t) {
+  return e.includes(t);
+}
+function a(t) {
+  return ["transition-group", "TransitionGroup"].includes(t);
+}
+function i(t) {
+  return ["id", "class", "role", "style"].includes(t) || t.startsWith("data-") || t.startsWith("aria-") || t.startsWith("on");
+}
+export {
+  i as isHtmlAttribute,
+  r as isHtmlTag,
+  a as isTransition
+};

package/es/lib/vuedraggable/src/vuedraggable.js

@@ -0,0 +1,224 @@
+import f from "sortablejs";
+import { removeNode as a, insertNodeAt as m } from "./util/htmlHelper.js";
+import { console as x } from "./util/console.js";
+import { getValidSortableEntries as y, createSortableOption as I, getComponentAttributes as _ } from "./core/componentBuilderHelper.js";
+import { computeComponentStructure as b } from "./core/renderHelper.js";
+import { events as c } from "./core/sortableEvents.js";
+import { defineComponent as D, nextTick as g, h as u } from "vue";
+function h(e, t) {
+  g(() => this.$emit(e.toLowerCase(), t));
+}
+function p(e) {
+  return (t, n) => {
+    if (this.realList !== null)
+      return this[`onDrag${e}`](t, n);
+  };
+}
+function C(e) {
+  const t = p.call(this, e);
+  return (n, r) => {
+    t.call(this, n, r), h.call(this, e, n);
+  };
+}
+let d = null;
+const V = {
+  list: {
+    type: Array,
+    required: !1,
+    default: null
+  },
+  modelValue: {
+    type: Array,
+    required: !1,
+    default: null
+  },
+  itemKey: {
+    type: [String, Function],
+    required: !0
+  },
+  clone: {
+    type: Function,
+    default: (e) => e
+  },
+  tag: {
+    type: String,
+    default: "div"
+  },
+  move: {
+    type: Function,
+    default: null
+  },
+  componentData: {
+    type: Object,
+    required: !1,
+    default: null
+  }
+}, L = [
+  "update:modelValue",
+  "change",
+  ...[...c.manageAndEmit, ...c.emit].map((e) => e.toLowerCase())
+], P = D({
+  name: "draggable",
+  inheritAttrs: !1,
+  props: V,
+  emits: L,
+  data() {
+    return {
+      error: !1
+    };
+  },
+  render() {
+    try {
+      this.error = !1;
+      const { $slots: e, $attrs: t, tag: n, componentData: r, realList: o, getKey: i } = this, s = b({
+        $slots: e,
+        tag: n,
+        realList: o,
+        getKey: i
+      });
+      this.componentStructure = s;
+      const l = _({ $attrs: t, componentData: r });
+      return s.render(u, l);
+    } catch (e) {
+      return this.error = !0, u("pre", { style: { color: "red" } }, e.stack);
+    }
+  },
+  created() {
+    this.list !== null && this.modelValue !== null && x.error("modelValue and list props are mutually exclusive! Please set one or another.");
+  },
+  mounted() {
+    if (this.error)
+      return;
+    const { $attrs: e, $el: t, componentStructure: n } = this;
+    n.updated();
+    const r = I({
+      $attrs: e,
+      callBackBuilder: {
+        manageAndEmit: (i) => C.call(this, i),
+        emit: (i) => h.bind(this, i),
+        manage: (i) => p.call(this, i)
+      }
+    }), o = t.nodeType === 1 ? t : t.parentElement;
+    this._sortable = new f(o, r), this.targetDomElement = o, o.__draggable_component__ = this;
+  },
+  updated() {
+    this.componentStructure.updated();
+  },
+  beforeUnmount() {
+    this._sortable !== void 0 && this._sortable.destroy();
+  },
+  computed: {
+    realList() {
+      const { list: e } = this;
+      return e || this.modelValue;
+    },
+    getKey() {
+      const { itemKey: e } = this;
+      return typeof e == "function" ? e : (t) => t[e];
+    }
+  },
+  watch: {
+    $attrs: {
+      handler(e) {
+        const { _sortable: t } = this;
+        t && y(e).forEach(([n, r]) => {
+          t.option(n, r);
+        });
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    getUnderlyingVm(e) {
+      return this.componentStructure.getUnderlyingVm(e) || null;
+    },
+    getUnderlyingPotencialDraggableComponent(e) {
+      return e.__draggable_component__;
+    },
+    emitChanges(e) {
+      g(() => this.$emit("change", e));
+    },
+    alterList(e) {
+      if (this.list) {
+        e(this.list);
+        return;
+      }
+      const t = [...this.modelValue];
+      e(t), this.$emit("update:modelValue", t);
+    },
+    spliceList() {
+      const e = (t) => t.splice(...arguments);
+      this.alterList(e);
+    },
+    updatePosition(e, t) {
+      const n = (r) => r.splice(t, 0, r.splice(e, 1)[0]);
+      this.alterList(n);
+    },
+    getRelatedContextFromMoveEvent({ to: e, related: t }) {
+      const n = this.getUnderlyingPotencialDraggableComponent(e);
+      if (!n)
+        return { component: n };
+      const r = n.realList, o = { list: r, component: n };
+      return e !== t && r ? { ...n.getUnderlyingVm(t) || {}, ...o } : o;
+    },
+    getVmIndexFromDomIndex(e) {
+      return this.componentStructure.getVmIndexFromDomIndex(e, this.targetDomElement);
+    },
+    onDragStart(e) {
+      this.context = this.getUnderlyingVm(e.item), e.item._underlying_vm_ = this.clone(this.context.element), d = e.item;
+    },
+    onDragAdd(e) {
+      const t = e.item._underlying_vm_;
+      if (t === void 0)
+        return;
+      a(e.item);
+      const n = this.getVmIndexFromDomIndex(e.newIndex);
+      this.spliceList(n, 0, t);
+      const r = { element: t, newIndex: n };
+      this.emitChanges({ added: r });
+    },
+    onDragRemove(e) {
+      if (m(e.from, e.item, e.oldIndex), e.pullMode === "clone") {
+        a(e.clone);
+        return;
+      }
+      const { index: t, element: n } = this.context;
+      this.spliceList(t, 1);
+      const r = { element: n, oldIndex: t };
+      this.emitChanges({ removed: r });
+    },
+    onDragUpdate(e) {
+      a(e.item), m(e.from, e.item, e.oldIndex);
+      const t = this.context.index, n = this.getVmIndexFromDomIndex(e.newIndex);
+      this.updatePosition(t, n);
+      const r = { element: this.context.element, oldIndex: t, newIndex: n };
+      this.emitChanges({ moved: r });
+    },
+    computeFutureIndex(e, t) {
+      if (!e.element)
+        return 0;
+      const n = [...t.to.children].filter((s) => s.style.display !== "none"), r = n.indexOf(t.related), o = e.component.getVmIndexFromDomIndex(r);
+      return n.indexOf(d) !== -1 || !t.willInsertAfter ? o : o + 1;
+    },
+    onDragMove(e, t) {
+      const { move: n, realList: r } = this;
+      if (!n || !r)
+        return !0;
+      const o = this.getRelatedContextFromMoveEvent(e), i = this.computeFutureIndex(o, e), s = {
+        ...this.context,
+        futureIndex: i
+      }, l = {
+        ...e,
+        relatedContext: o,
+        draggedContext: s
+      };
+      return n(l, t);
+    },
+    onDragEnd() {
+      d = null;
+    }
+  }
+});
+export {
+  P as default
+};

package/es/mixins/useDataTableMixin.js

@@ -0,0 +1,185 @@
+import { omit as a, isArray as l, isEmpty as c } from "lodash-es";
+import { fmtHttpParams as u } from "../utils/request/fmtHttpParams.js";
+import { TpfConfirm as d } from "../hooks/TpfConfirm.js";
+import { useCustomRender as h } from "../components/CustomRender/index.js";
+const { customRender: w } = h(), F = {
+  data() {
+    return {
+      selectedRowInfo: { selectedRowKeys: [], selectedRows: [] },
+      selectRow: {},
+      loading: !1
+    };
+  },
+  computed: {
+    tableHeight() {
+      return this.widget.options.tableHeight || void 0;
+    },
+    // rowClassName() {
+    //   if (this.widget.options.stripe) {
+    //     return (_record, index) => (index % 2 === 1 ? 'table-striped' : null);
+    //   }
+    //   return null;
+    // },
+    customClass() {
+      return this.widget.options.customClass || "";
+    },
+    widgetSize() {
+      return this.widget.options.tableSize || "default";
+    },
+    fmtPagination() {
+      const { showPagination: t } = this.widget.options;
+      return t ? {
+        ...this.widget.options.pagination,
+        showTotal: (e) => `共 ${e} 条`
+      } : !1;
+    }
+  },
+  methods: {
+    handleHidden() {
+      const { onHidden: t, hidden: e } = this.widget.options;
+      return e ? !0 : t ? new Function(t).call(this) : !1;
+    },
+    rowClassName(t) {
+      const { rowKey: e, colorRow: n } = this.widget.options;
+      return n && this.selectRow[e] === t[e] ? "colorRowClassName" : "";
+    },
+    handleResizeColumn(t, e) {
+      const { tableColumns: n } = this.widget.options, s = n.map((o) => (o.dataIndex === e.dataIndex && (o.width = t), { ...o }));
+      this.setTableColumns(s);
+    },
+    disabledClick() {
+      const { hasRowSelection: t } = this.widget.options.rowSelection;
+      return t ? c(this.selectedRowInfo.selectedRowKeys) : c(this.selectRow);
+    },
+    getSelectedRowKeys() {
+      return this.selectedRowInfo.selectedRowKeys;
+    },
+    getSelectedRows() {
+      return this.selectedRowInfo.getSelectedRows;
+    },
+    getTableColumns() {
+      return this.widget.options.tableColumns;
+    },
+    setTableColumns(t) {
+      this.widget.options.tableColumns = t;
+    },
+    async delSelectRow(t) {
+      if (await d({ content: "确定删除选中的数据吗" }), t = t || this.selectedRowInfo.selectedRowKeys, !t.length) return;
+      const { rowKey: e } = this.widget.options, s = this.getDataSource().filter((o) => !(t != null && t.includes(o[e])));
+      this.setDataSource(s), this.$message.success("操作成功");
+    },
+    getPagination() {
+      return this.widget.options.pagination;
+    },
+    /**
+     * 设置表格分页
+     * @param pagination
+     */
+    setPagination(t) {
+      t.page !== void 0 && (this.widget.options.pagination.current = t.page), t.pageSize !== void 0 && (this.widget.options.pagination.pageSize = t.pageSize), t.total !== void 0 && (this.widget.options.pagination.total = t.total);
+    },
+    setDataSource(t) {
+      this.selectedRowInfo = { selectedRowKeys: [], selectedRows: [] }, this.selectRow = {};
+      const e = l(t) ? t : [t];
+      this.widget.options.dataSource = [...e];
+    },
+    setValue(t) {
+      console.log("list: ", t), this.setDataSource(t);
+    },
+    getDataSource() {
+      return this.widget.options.dataSource;
+    },
+    getValue() {
+      return this.getDataSource();
+    },
+    async loadDataTableDataSource() {
+      if (!this.widget.options.dsEnabled)
+        return;
+      const t = this.widget.options;
+      if (t.dsEnabled && t.http.url) {
+        this.loading = !0;
+        const e = await u.call(this, t);
+        this.setPagination(e), this.setDataSource(e.list), this.loading = !1;
+      }
+    },
+    handleCustomRow(t) {
+      const { customRow: e, colorRow: n } = this.widget.options, { hasRowSelection: s } = this.widget.options.rowSelection;
+      return {
+        onClick: (o) => {
+          n && (this.selectRow = t), new Function("record", "event", e.onClick).call(this, t, o);
+        },
+        onDblclick: (o) => {
+          new Function("record", "event", e.onDblclick).call(this, t, o);
+        },
+        onMouseenter: (o) => {
+          new Function("record", "event", e.onMouseenter).call(this, t, o);
+        },
+        onMouseleave: (o) => {
+          new Function("record", "event", e.onMouseleave).call(this, t, o);
+        }
+      };
+    },
+    handleColumnItem(t) {
+      const e = a(t, ["customRender"]), n = t.customRender;
+      return n ? {
+        ...e,
+        customRender: (s) => w(n, s, this)
+      } : t;
+    },
+    getOperationButtonLabel(t, e, n) {
+      const { onGetOperationButtonLabel: s } = this.widget.options;
+      return s ? new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, n) : t.label;
+    },
+    handleOperationButtonClick(t, e, n, s, o) {
+      this.skipSelectionChangeEvent = !0;
+      try {
+        if (o.onClick) {
+          new Function("record", "index", "column", "btn", o.onClick).call(this, n, e, s.column, o);
+          return;
+        }
+        const { onOperationButtonClick: i } = this.widget.options;
+        i ? new Function("buttonName", "rowIndex", "row", i).call(this, t, e, n) : this.dispatch("VFormRender", "operationButtonClick", [this, t, e, n]);
+      } finally {
+        this.skipSelectionChangeEvent = !1;
+      }
+    },
+    showOperationButton(t, e, n) {
+      const { onHideOperationButton: s } = this.widget.options;
+      return s ? !!new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, n) : !t.hidden;
+    },
+    disableOperationButton(t, e, n) {
+      const { onDisableOperationButton: s } = this.widget.options;
+      return s ? new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, n) : t.disabled;
+    },
+    customRenderIndex({ index: t }) {
+      return t + 1;
+    },
+    handleCurrentPageChange(t) {
+      this.currentPage = t;
+      const { onCurrentPageChange: e } = this.widget.options;
+      e ? new Function("pageSize", "currentPage", e).call(this, this.pageSize, t) : this.dispatch("VFormRender", "dataTablePageChange", [this, this.pageSize, t]);
+    },
+    handlePageSizeChange(t) {
+      this.pageSize = t;
+      const { onPageSizeChange: e } = this.widget.options;
+      e ? new Function("pageSize", "currentPage", e).call(this, t, this.currentPage) : this.dispatch("VFormRender", "dataTablePageSizeChange", [this, t, this.currentPage]);
+    },
+    handleTablePageChange(t, e, n, { currentDataSource: s }) {
+      const o = this.widget.options.onTableChange;
+      this.widget.options.pagination.current = t.current, this.widget.options.pagination.pageSize = t.pageSize, o && new Function("pagination", "filters", "sorter", "currentDataSource", o).call(this, t, e, n, { currentDataSource: s }), this.loadDataTableDataSource();
+    },
+    handleRowSelection() {
+      const t = this.widget.options.rowSelection;
+      if (t.hasRowSelection)
+        return {
+          ...a(t, ["onChange"]),
+          onChange: (e, n) => {
+            this.selectedRowInfo = { selectedRowKeys: e, selectedRows: n }, new Function("selectedRowKeys", "selectedRows", t.onChange).call(this, e, n);
+          }
+        };
+    }
+  }
+};
+export {
+  F as default
+};

package/es/mixins/useSelectMixin.js

@@ -0,0 +1,60 @@
+import { debounce as s } from "lodash-es";
+const l = {
+  data() {
+    return {
+      keyword: "",
+      pager: {
+        page: 1,
+        pageSize: 20,
+        totalPage: 0,
+        total: 0
+      }
+    };
+  },
+  computed: {
+    fieldNames() {
+      return {
+        label: this.field.options.labelKey || "label",
+        value: this.field.options.valueKey || "value",
+        options: "options"
+      };
+    },
+    selectOps() {
+      const t = this.field.options.showSearch;
+      return {
+        fieldNames: this.fieldNames,
+        showSearch: !0,
+        onPopupScroll: this.onPopupScroll,
+        onSearch: this.remoteQuery,
+        filterOption: !t && this.filterOption,
+        listHeight: 240
+      };
+    }
+  },
+  methods: {
+    filterOption(e, t) {
+      return t[this.fieldNames.label].toLowerCase().indexOf(e.toLowerCase()) >= 0;
+    },
+    initPager() {
+      this.pager = { page: 1, pageSize: 20, total: 0, totalPage: 0 }, this.loadOptions([]);
+    },
+    remoteQuery(e) {
+      this.field.options.showSearch && (this.designState || (this.initPager(), this.keyword = e, this.initOptionItems(!0)));
+    },
+    onPopupScroll(e) {
+      if (!this.field.options.loadingPage) return;
+      const { target: t } = e, { scrollTop: i, scrollHeight: o, clientHeight: r } = t;
+      if (o - (i + r) <= 30 && this.pager.totalPage > this.pager.page) {
+        if (this.pager.totalPage === this.pager.page)
+          return;
+        this.changePager();
+      }
+    },
+    changePager: s(function() {
+      this.pager.page += 1, this.initOptionItems(!0);
+    }, 500)
+  }
+};
+export {
+  l as default
+};