@jeecg/online 1.0.1

package/JOnlineSearchSelect.js

@@ -0,0 +1,107 @@
+import { useDebounceFn } from "@vueuse/core";
+import { defHttp } from "/@/utils/http/axios";
+import { useMessage } from "/@/hooks/web/useMessage";
+import { ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import { _ as _export_sfc } from "./index.js";
+import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
+import "vue-router";
+const { createMessage: $message } = useMessage();
+const _sfc_main = {
+  name: "JOnlineSearchSelect",
+  props: {
+    placeholder: {
+      type: String,
+      default: "",
+      required: false
+    },
+    value: {
+      type: String,
+      required: false
+    },
+    sql: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["update:value"],
+  setup(props, { emit }) {
+    let selected = ref("");
+    let selectOptions = ref([]);
+    watch(() => props.value, (newVal) => {
+      if (!newVal) {
+        selected.value = void 0;
+      } else {
+        selected.value = newVal;
+      }
+    }, { immediate: true });
+    watch(() => props.sql, () => {
+      resetOptions();
+    }, { immediate: true });
+    const handleSearch = useDebounceFn(searchByKeyword, 800);
+    function searchByKeyword(keyword = "") {
+      let params = {
+        keyword
+      };
+      let url = "/online/cgreport/api/getReportDictList?sql=" + props.sql;
+      defHttp.get({ url, params }, { isTransformResponse: false }).then((res) => {
+        if (res.success) {
+          if (res.result && res.result.length > 0) {
+            selectOptions.value = res.result;
+          } else {
+            selectOptions.value = [];
+          }
+        } else {
+          $message.warning(res.message);
+        }
+      });
+    }
+    function handleChange(value) {
+      emit("update:value", value);
+      if (!value || value == "") {
+        resetOptions();
+      }
+    }
+    function resetOptions() {
+      selectOptions.value = [];
+      searchByKeyword();
+    }
+    return {
+      selectOptions,
+      handleSearch,
+      handleChange,
+      selected
+    };
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_select_option = resolveComponent("a-select-option");
+  const _component_a_select = resolveComponent("a-select");
+  return openBlock(), createBlock(_component_a_select, {
+    value: $setup.selected,
+    placeholder: $props.placeholder,
+    "show-search": "",
+    "default-active-first-option": false,
+    "show-arrow": true,
+    "filter-option": false,
+    "not-found-content": null,
+    onSearch: $setup.handleSearch,
+    onChange: $setup.handleChange,
+    allowClear: ""
+  }, {
+    default: withCtx(() => [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($setup.selectOptions, (d) => {
+        return openBlock(), createBlock(_component_a_select_option, {
+          key: d.value
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(d.text), 1)
+          ]),
+          _: 2
+        }, 1024);
+      }), 128))
+    ]),
+    _: 1
+  }, 8, ["value", "placeholder", "onSearch", "onChange"]);
+}
+var JOnlineSearchSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { JOnlineSearchSelect as default };

package/LICENSE

@@ -0,0 +1,7 @@
+## 协议和授权
+
+Jeecg Boot Online 低代码模块并非开源软件部分，作者保留全部的权利。
+此部分不提供源码，仅提供功能，大家可以免费使用，但不允许用于商业目的。
+擅自编译、改造、传播，即属严重侵权行为，与盗窃无异。产生的一切任何后果责任由侵权者自负。
+
+http://www.jeecg.com

package/LeftDepart.js

@@ -0,0 +1,96 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createVNode, normalizeStyle, createCommentVNode } from "vue";
+import { queryTreeList } from "/@/api/common/api";
+import { _ as _export_sfc } from "./index.js";
+import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
+import "/@/hooks/web/useMessage";
+import "vue-router";
+const _sfc_main = defineComponent({
+  name: "LeftDepart",
+  emits: ["select"],
+  setup(_, { emit }) {
+    const treeData = ref([]);
+    const selectedKeys = ref([]);
+    const expandedKeys = ref([]);
+    function onSelect(_2, e) {
+      let record = e.node.dataRef;
+      selectedKeys.value = [record.key];
+      emit("select", record.id);
+    }
+    loadTree();
+    function loadTree() {
+      return __async(this, null, function* () {
+        let result = yield queryTreeList();
+        treeData.value = [];
+        result.forEach((node) => initialNode(node));
+      });
+    }
+    function initialNode(node, level = 1) {
+      node.slots = { icon: "depIcon" };
+      if (level === 1) {
+        treeData.value.push(node);
+        expandedKeys.value.push(node.id);
+      }
+      if (node.children && node.children.length > 0) {
+        for (const childNode of node.children) {
+          initialNode(childNode, level + 1);
+        }
+      }
+    }
+    function clearSelected() {
+      selectedKeys.value = [];
+    }
+    return {
+      treeData,
+      expandedKeys,
+      selectedKeys,
+      clearSelected,
+      onSelect
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_icon = resolveComponent("a-icon");
+  const _component_a_tree = resolveComponent("a-tree");
+  return openBlock(), createElementBlock("div", null, [
+    _ctx.treeData.length > 0 ? (openBlock(), createBlock(_component_a_tree, {
+      key: 0,
+      showIcon: "",
+      autoExpandParent: "",
+      treeData: _ctx.treeData,
+      selectedKeys: _ctx.selectedKeys,
+      expandedKeys: _ctx.expandedKeys,
+      "onUpdate:expandedKeys": _cache[0] || (_cache[0] = ($event) => _ctx.expandedKeys = $event),
+      onSelect: _ctx.onSelect
+    }, {
+      depIcon: withCtx(({ selected }) => [
+        createVNode(_component_a_icon, {
+          style: normalizeStyle({ "color": selected ? "blue" : "" }),
+          type: "apartment"
+        }, null, 8, ["style"])
+      ]),
+      _: 1
+    }, 8, ["treeData", "selectedKeys", "expandedKeys", "onSelect"])) : createCommentVNode("", true)
+  ]);
+}
+var LeftDepart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { LeftDepart as default };

package/LeftRole.js

@@ -0,0 +1,95 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode } from "vue";
+import { defHttp } from "/@/utils/http/axios";
+import { BasicTable } from "/@/components/Table";
+import { useListPage } from "/@/hooks/system/useListPage";
+import { _ as _export_sfc } from "./index.js";
+import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
+import "/@/hooks/web/useMessage";
+import "vue-router";
+const _sfc_main = defineComponent({
+  name: "LeftRole",
+  components: { BasicTable },
+  emits: ["select"],
+  setup(_, { emit }) {
+    const { tableContext, createMessage: $message } = useListPage({
+      tableProps: {
+        api: loadData,
+        rowKey: "id",
+        size: "small",
+        bordered: true,
+        columns: [
+          { title: "\u89D2\u8272\u7F16\u7801", align: "center", dataIndex: "roleCode" },
+          { title: "\u89D2\u8272\u540D\u79F0", align: "center", dataIndex: "roleName" }
+        ],
+        rowSelection: {
+          type: "radio",
+          onChange(selectedRowKeys) {
+            if (selectedRowKeys.length > 0) {
+              emit("select", selectedRowKeys[0]);
+            }
+          }
+        },
+        canResize: false,
+        clickToRowSelect: true,
+        useSearchForm: false,
+        showActionColumn: false,
+        showTableSetting: false
+      }
+    });
+    const [registerTable, { clearSelectedRowKeys }, { rowSelection }] = tableContext;
+    function loadData(params) {
+      return __async(this, null, function* () {
+        let { code, success, result, message } = yield defHttp.get({
+          url: "/sys/role/list",
+          params
+        }, { isTransformResponse: false });
+        if (success) {
+          return result;
+        }
+        if (code === 510) {
+          $message.warning(message);
+        }
+        return {};
+      });
+    }
+    function clearSelected() {
+      clearSelectedRowKeys();
+    }
+    return { rowSelection, registerTable, clearSelected };
+  }
+});
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_BasicTable = resolveComponent("BasicTable");
+  return openBlock(), createBlock(_component_BasicTable, {
+    onRegister: _ctx.registerTable,
+    rowSelection: _ctx.rowSelection
+  }, {
+    tableTop: withCtx(() => [
+      _hoisted_1
+    ]),
+    _: 1
+  }, 8, ["onRegister", "rowSelection"]);
+}
+var LeftRole = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { LeftRole as default };

package/LeftUser.js

@@ -0,0 +1,114 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode } from "vue";
+import { defHttp } from "/@/utils/http/axios";
+import { BasicTable } from "/@/components/Table";
+import { useListPage } from "/@/hooks/system/useListPage";
+import { _ as _export_sfc } from "./index.js";
+import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
+import "/@/hooks/web/useMessage";
+import "vue-router";
+const _sfc_main = defineComponent({
+  name: "LeftUser",
+  components: { BasicTable },
+  emits: ["select"],
+  setup(_, { emit }) {
+    const { tableContext, createMessage: $message } = useListPage({
+      tableProps: {
+        api: loadData,
+        rowKey: "id",
+        size: "small",
+        bordered: true,
+        columns: [
+          { title: "\u8D26\u53F7", dataIndex: "username", width: 200 },
+          { title: "\u59D3\u540D", dataIndex: "realname", width: 200 }
+        ],
+        rowSelection: {
+          type: "radio",
+          onChange(selectedRowKeys) {
+            if (selectedRowKeys.length > 0) {
+              emit("select", selectedRowKeys[0]);
+            }
+          }
+        },
+        formConfig: {
+          schemas: [
+            {
+              label: "\u8D26\u53F7",
+              field: "username",
+              component: "JInput",
+              componentProps: {
+                placeholder: "\u8F93\u5165\u8D26\u53F7\u6A21\u7CCA\u67E5\u8BE2"
+              }
+            },
+            {
+              label: "\u59D3\u540D",
+              field: "realname",
+              component: "JInput",
+              componentProps: {
+                placeholder: "\u8F93\u5165\u59D3\u540D\u6A21\u7CCA\u67E5\u8BE2"
+              }
+            }
+          ]
+        },
+        canResize: false,
+        clickToRowSelect: true,
+        showActionColumn: false,
+        showTableSetting: false
+      }
+    });
+    const [registerTable, { clearSelectedRowKeys }, { rowSelection }] = tableContext;
+    function loadData(params) {
+      return __async(this, null, function* () {
+        let { code, success, result, message } = yield defHttp.get({
+          url: "/sys/user/list",
+          params
+        }, { isTransformResponse: false });
+        if (success) {
+          return result;
+        }
+        if (code === 510) {
+          $message.warning(message);
+        }
+        return {};
+      });
+    }
+    function clearSelected() {
+      clearSelectedRowKeys();
+    }
+    return { rowSelection, registerTable, clearSelected };
+  }
+});
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_BasicTable = resolveComponent("BasicTable");
+  return openBlock(), createBlock(_component_BasicTable, {
+    onRegister: _ctx.registerTable,
+    rowSelection: _ctx.rowSelection
+  }, {
+    tableTop: withCtx(() => [
+      _hoisted_1
+    ]),
+    _: 1
+  }, 8, ["onRegister", "rowSelection"]);
+}
+var LeftUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { LeftUser as default };

package/ModalFormDemo.js

@@ -0,0 +1,84 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createVNode } from "vue";
+import { BasicForm, useForm } from "/@/components/Form/index";
+import { defHttp } from "/@/utils/http/axios";
+import { _ as _export_sfc } from "./index.js";
+import { p as pick } from "./pick.js";
+import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
+import "/@/hooks/web/useMessage";
+import "vue-router";
+import "./isArray.js";
+import "./toString.js";
+import "./_arrayPush.js";
+const getSchemas = () => {
+  return [
+    {
+      field: "name",
+      component: "Input",
+      label: "\u540D\u79F0"
+    },
+    {
+      field: "age",
+      component: "InputNumber",
+      label: "\u5E74\u9F84",
+      componentProps: {
+        style: {
+          "width": "100%"
+        }
+      }
+    },
+    {
+      field: "sex",
+      label: "\u6027\u522B",
+      component: "JDictSelectTag",
+      componentProps: {
+        dictCode: "sex"
+      }
+    },
+    {
+      field: "birthday",
+      component: "DatePicker",
+      label: "\u751F\u65E5",
+      componentProps: {
+        valueFormat: "YYYY-MM-DD",
+        style: {
+          "width": "100%"
+        }
+      }
+    },
+    {
+      field: "email",
+      component: "Input",
+      label: "\u90AE\u7BB1"
+    }
+  ];
+};
+const _sfc_main = defineComponent({
+  components: { BasicForm },
+  props: ["id"],
+  setup(props) {
+    const [registerForm, { setFieldsValue }] = useForm({
+      schemas: getSchemas(),
+      showActionButtonGroup: false,
+      baseColProps: { span: 24 }
+    });
+    let params = { id: props.id };
+    defHttp.get({ url: "/test/jeecgDemo/queryById", params }, { isTransformResponse: false }).then((res) => {
+      if (res.success) {
+        let values = pick(res.result, "name", "age", "birthday", "sex", "email");
+        setFieldsValue(values);
+      }
+    });
+    return {
+      registerForm
+    };
+  }
+});
+const _hoisted_1 = { style: { "margin": "50px auto", "width": "800px" } };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_BasicForm = resolveComponent("BasicForm");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_BasicForm, { onRegister: _ctx.registerForm }, null, 8, ["onRegister"])
+  ]);
+}
+var ModalFormDemo = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { ModalFormDemo as default };