@ibiz-template/vue3-components 0.4.6 → 0.4.8-dev.0

package/es/common/data-import2-table/data-import2-table.mjs

@@ -1,104 +0,0 @@
-import { isVNode, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import './data-import2-table.css';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const DataImport2Table = /* @__PURE__ */ defineComponent({
-  name: "DataImport2Table",
-  props: {
-    previewinfo: {
-      type: Object,
-      required: true
-    },
-    dataOption: {
-      type: Object,
-      required: true
-    },
-    selectValues: {
-      type: Object,
-      required: true
-    },
-    columnMappingSave: {
-      type: Boolean,
-      required: true
-    },
-    columnMap: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("data-import2-table");
-    const renderSelect = (itemx, index) => {
-      let _slot;
-      const change = (item) => {
-        emit("selectValuesChange", index, item);
-        const data = props.columnMap.get(`${itemx}-${index}`);
-        if (data) {
-          data.name = item;
-        }
-        emit("columnMapChange", `${itemx}-${index}`, data);
-        emit("columnMappingSaveChange", false);
-      };
-      return createVNode(resolveComponent("el-select"), {
-        "modelValue": props.selectValues[index],
-        "placeholder": "\u9009\u62E9\u5F53\u524D\u5217\u5BF9\u5E94\u7684\u5BFC\u5165\u5C5E\u6027",
-        "onChange": change,
-        "key": index,
-        "popper-class": ns.e("dataimport-select"),
-        "class": ns.e("select")
-      }, _isSlot(_slot = props.dataOption.map((item) => {
-        return createVNode(resolveComponent("el-option"), {
-          "key": item.name,
-          "value": item.id,
-          "label": item.caption ? item.caption : item.logicName
-        }, null);
-      })) ? _slot : {
-        default: () => [_slot]
-      });
-    };
-    const renderTable = () => {
-      const arr = props.previewinfo;
-      const rows = arr.map((row, rowIndex) => createVNode("tr", {
-        "key": rowIndex
-      }, [row.map((cell, cellIndex) => rowIndex === 0 ? createVNode("th", {
-        "key": cellIndex,
-        "class": ns.e("dataimport2-table-th")
-      }, [cell]) : createVNode("td", {
-        "key": cellIndex,
-        "class": ns.e("dataimport2-table-td")
-      }, [cell]))]));
-      const newRows = [createVNode("tr", {
-        "key": "newRow"
-      }, [arr[0].map((item, index) => createVNode("td", {
-        "key": index,
-        "class": ns.e("dataimpoer2-table-select")
-      }, [renderSelect(item, index)]))]), ...rows];
-      return createVNode("table", {
-        "class": ns.e("dataimport-table")
-      }, [createVNode("tbody", null, [newRows])]);
-    };
-    const renderEmpty = () => {
-      return createVNode("div", {
-        "class": ns.e("empty")
-      }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
-    };
-    return {
-      ns,
-      renderEmpty,
-      renderTable
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": [this.ns.e("template-container"), "ibiz-panel-view-content"]
-    }, [this.previewinfo[0] && this.previewinfo[0].length ? this.renderTable() : this.renderEmpty()]);
-  }
-});
-
-export { DataImport2Table };

package/es/common/extend-action-timeline/extend-action-timeline.css

@@ -1 +0,0 @@
-.ibiz-extend-action-timeline{padding-top:30px;background-color:var(--ibiz-bg-color-overlay)}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task{position:relative;width:calc(100% - 52px);margin-left:52px}.ibiz-extend-action-timeline-task__top{display:flex;padding-left:35px;margin-bottom:16px}.ibiz-extend-action-timeline-task__bottom{min-height:50px;padding-bottom:20px;padding-left:35px}.ibiz-extend-action-timeline-task__trigger{position:absolute;top:-3px;left:13px;font-size:20px;cursor:pointer}.ibiz-extend-action-timeline-task__last-time{flex:1;padding-right:16px;text-align:right}.ibiz-extend-action-timeline-task__last-time-text{display:inline-block;margin-left:10px;font-size:14px;color:#999}.ibiz-extend-action-timeline-task__user-task-name{width:190px;margin-right:35px;font-size:18px;font-weight:700;color:#2d8cf0}.ibiz-extend-action-timeline-task__head{position:absolute;top:3px;left:-9px;width:22px;height:22px;border:2px solid #2d8cf0;border-radius:50%}.ibiz-extend-action-timeline-task__tail{position:absolute;top:22px;width:4px;height:calc(100% - 16px);background:#e8eaec}.ibiz-extend-action-timeline-task__author-name{width:300px;overflow:hidden;font-size:18px;color:#666;text-overflow:ellipsis;white-space:nowrap}.ibiz-extend-action-timeline-task__author-name.is-has-type{width:140px}.ibiz-extend-action-timeline-task__type{width:200px;margin-left:30px;font-size:18px;color:#2d8cf0}.ibiz-extend-action-timeline-task__full-message{font-size:18px;color:#666}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task.is-wrong .ibiz-extend-action-timeline-task__head{border:2px solid #ff686a}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task.is-wrong .ibiz-extend-action-timeline-task__user-task-name{color:#ff686a}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task.is-wrong .ibiz-extend-action-timeline-task__type{color:#ff686a}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task.is-link .ibiz-extend-action-timeline-task__head{background-color:#fff;border:2px solid #92a1b3}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task.is-link .ibiz-extend-action-timeline-task__user-task-name{color:#70849d}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task.is-linkname .is-link-head{background-color:#fff;border:2px solid #92a1b3}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task.is-linkname .ibiz-extend-action-timeline-task__user-task-name.is-task-link{width:190px;margin-right:35px;font-size:18px;font-weight:700;color:#70849d}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task.is-linkname .ibiz-extend-action-timeline-task__link-name{width:300px;overflow:hidden;font-size:18px;color:#666;text-overflow:ellipsis;white-space:nowrap}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task:nth-last-child(1) .ibiz-extend-action-timeline-task__tail{background-color:transparent}.ibiz-extend-action-timeline .ibiz-extend-action-timeline-task:nth-last-child(1) .ibiz-extend-action-timeline-task__moreTask:nth-last-child(1) .ibiz-extend-action-timeline-task:not(:last-child) .ibiz-extend-action-timeline-task__tail{background-color:#e8eaec}

package/es/common/extend-action-timeline/extend-action-timeline.mjs

@@ -1,185 +0,0 @@
-import { ref, watch, createVNode, resolveComponent, vShow, withDirectives, defineComponent } from 'vue';
-import dayjs from 'dayjs';
-import { clone } from 'ramda';
-import './extend-action-timeline.css';
-import { useNamespace } from '@ibiz-template/vue3-util';
-
-"use strict";
-const acceptingOfficerNoDup = (tag, dataS) => {
-  const tempData = [];
-  if ((dataS == null ? void 0 : dataS.length) > 0 && tag) {
-    dataS.forEach((data) => {
-      tempData.push(data[tag]);
-    });
-  }
-  const noDup = [...new Set(tempData)];
-  return noDup;
-};
-const IBizExtendActionTimeLine = /* @__PURE__ */ defineComponent({
-  name: "IBizExtendActionTimeLine",
-  props: {
-    data: {
-      type: Object
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("extend-action-timeline");
-    const UIData = ref([]);
-    const sortData = (a, b) => {
-      return Date.parse(b.time) - Date.parse(a.time);
-    };
-    const handleVal = (handleTasks) => {
-      const commentsData = [];
-      let tasks = clone(handleTasks);
-      if (tasks.length > 0) {
-        tasks = tasks.reverse();
-        tasks.forEach((task) => {
-          if (task.usertasks) {
-            const copyTasks = clone(task.usertasks);
-            Object.assign(task, {
-              tasks: handleVal(copyTasks)
-            });
-            task.isShow = false;
-          }
-          if (task.identitylinks.length === 0 && task.comments.length === 0) {
-            Object.assign(task, {
-              taskName: task.userTaskName
-            });
-            commentsData.push(task);
-          }
-          if (task.identitylinks.length > 0) {
-            const authorNames = acceptingOfficerNoDup("displayname", task.identitylinks);
-            commentsData.push({
-              authorName: authorNames.join("\u3001"),
-              taskName: task.userTaskName,
-              isLink: true
-            });
-          }
-          if (task.comments.length > 0) {
-            task.comments.forEach((comment) => {
-              Object.assign(comment, {
-                taskName: task.userTaskName
-              });
-            });
-            task.comments.sort(sortData);
-            commentsData.push(...task.comments);
-          }
-        });
-        return commentsData;
-      }
-    };
-    const noDup = (data) => {
-      const map = /* @__PURE__ */ new Map();
-      for (let i = 0; i < data.length; i++) {
-        if (!map.has(data[i])) {
-          map.set(data[i], true);
-        }
-      }
-      return map;
-    };
-    const handlelinkName = (handleTask) => {
-      handleTask.forEach((item) => {
-        const linkName = [];
-        if (item.tasks) {
-          handlelinkName(item.tasks);
-        }
-        if (item.tasks) {
-          for (let i = 0; i < item.tasks.length; i++) {
-            if (item.tasks[i].isLink) {
-              const arr = item.tasks[i].authorName.indexOf("\u3001") !== -1 ? item.tasks[i].authorName.split("\u3001") : item.tasks[i].authorName;
-              if (typeof arr === "string") {
-                linkName.push(arr);
-              } else {
-                linkName.push(...arr);
-              }
-            }
-            if (item.tasks[i].linkName) {
-              const arr = item.tasks[i].linkName.indexOf("\u3001") !== -1 ? item.tasks[i].linkName.split("\u3001") : item.tasks[i].linkName;
-              if (typeof arr === "string") {
-                linkName.push(arr);
-              } else {
-                linkName.push(...arr);
-              }
-            }
-          }
-        }
-        const noDupName = [...noDup(linkName).keys()];
-        item.linkName = noDupName.join("\u3001");
-      });
-    };
-    watch(() => props.data, (newVal, oldVal) => {
-      if (newVal !== oldVal && newVal) {
-        const copyData = clone(newVal);
-        const tasks = copyData.usertasks;
-        if (tasks) {
-          const handleTask = handleVal(tasks);
-          if (handleTask) {
-            handlelinkName(handleTask);
-            UIData.value = handleTask;
-          }
-        }
-      }
-    }, {
-      immediate: true
-    });
-    const formatDate = (date, format) => {
-      return dayjs(date).format(format);
-    };
-    const changeExpand = (userTask) => {
-      userTask.isShow = !userTask.isShow;
-    };
-    const renderTimeline = (data) => {
-      return data.map((task) => {
-        return createVNode("div", {
-          "class": [ns.b("task"), ns.is("wrong", task.type && task.type.includes("\u9A73\u56DE")), ns.is("link", task.isLink), ns.is("linkname", task.linkName)]
-        }, [createVNode("div", {
-          "class": ns.be("task", "tail")
-        }, null), createVNode("div", {
-          "class": [ns.be("task", "head"), ns.is("link-head", task.linkName)]
-        }, null), createVNode("div", {
-          "class": ns.be("task", "top")
-        }, [createVNode("div", {
-          "class": [ns.be("task", "user-task-name"), ns.is("task-link", task.linkName)]
-        }, [task.taskName]), task.linkName ? createVNode("div", {
-          "class": ns.be("task", "link-name"),
-          "title": task.linkName
-        }, [task.linkName]) : null, createVNode("div", {
-          "class": [ns.be("task", "author-name"), ns.is("has-type", task.type)],
-          "title": task.authorName
-        }, [task.authorName]), task.type && createVNode("div", {
-          "class": ns.be("task", "type")
-        }, [task.type]), task.time && createVNode("div", {
-          "class": ns.be("task", "last-time")
-        }, [task.time && "\u5904\u7406\u65F6\u95F4", createVNode("span", {
-          "class": ns.be("task", "last-time-text")
-        }, [task.time])])]), createVNode("div", {
-          "class": ns.be("task", "bottom")
-        }, [createVNode("div", {
-          "class": ns.be("task", "full-message")
-        }, [task.fullMessage ? `\u5BA1\u6279\u610F\u89C1\uFF1A ${task.fullMessage}` : task.fullMessage])]), task.tasks && task.tasks.length >= 1 && createVNode("div", {
-          "class": ns.be("task", "trigger"),
-          "on-click": () => {
-            changeExpand(task);
-          }
-        }, [createVNode(resolveComponent("i-icon"), {
-          "type": task.isShow ? "md-remove" : "md-add"
-        }, null)]), task.tasks && withDirectives(createVNode("div", {
-          "class": ns.be("task", "moreTask")
-        }, [renderTimeline(task.tasks)]), [[vShow, task.isShow]])]);
-      });
-    };
-    return {
-      ns,
-      formatDate,
-      UIData,
-      renderTimeline
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [this.UIData && this.renderTimeline(this.UIData)]);
-  }
-});
-
-export { IBizExtendActionTimeLine };

package/es/common/index.mjs

@@ -1,52 +0,0 @@
-import { defineAsyncComponent } from 'vue';
-import { IBizControlBase, IBizIcon, IBizRouterView, IBizViewShell, IBizControlShell, IBizCodeList } from '@ibiz-template/vue3-util';
-import { IBizActionToolbar } from './action-toolbar/action-toolbar.mjs';
-import { IBizCol } from './col/col.mjs';
-import { IBizRow } from './row/row.mjs';
-import { IBizRawItem } from './rawitem/rawitem.mjs';
-import { IBizNoData } from './no-data/no-data.mjs';
-import { IBizSplit } from './split/split.mjs';
-import { IBizSplitTrigger } from './split-trigger/split-trigger.mjs';
-import { IBizExtendActionTimeLine } from './extend-action-timeline/extend-action-timeline.mjs';
-import { ViewMessage } from './view-message/view-message.mjs';
-import { IBizPagination } from './pagination/pagination.mjs';
-import { IBizSortBar } from './sort-bar/sort-bar.mjs';
-import { DataImport } from './data-import/data-import.mjs';
-import { DataImport2 } from './data-import2/data-import2.mjs';
-import { DataImport2Table } from './data-import2-table/data-import2-table.mjs';
-import { DataImport2Select } from './data-import2-select/data-import2-select.mjs';
-
-"use strict";
-const IBizCommonComponents = {
-  install: (v) => {
-    v.component(IBizControlBase.name, IBizControlBase);
-    v.component(IBizIcon.name, IBizIcon);
-    v.component(IBizRow.name, IBizRow);
-    v.component(IBizCol.name, IBizCol);
-    v.component(IBizRouterView.name, IBizRouterView);
-    v.component(IBizActionToolbar.name, IBizActionToolbar);
-    v.component(IBizViewShell.name, IBizViewShell);
-    v.component(IBizControlShell.name, IBizControlShell);
-    v.component(IBizRawItem.name, IBizRawItem);
-    v.component(IBizCodeList.name, IBizCodeList);
-    v.component(IBizNoData.name, IBizNoData);
-    v.component(IBizSplit.name, IBizSplit);
-    v.component(IBizSplitTrigger.name, IBizSplitTrigger);
-    v.component(IBizExtendActionTimeLine.name, IBizExtendActionTimeLine);
-    v.component(ViewMessage.name, ViewMessage);
-    v.component(IBizPagination.name, IBizPagination);
-    v.component(IBizSortBar.name, IBizSortBar);
-    v.component(DataImport.name, DataImport);
-    v.component(DataImport2.name, DataImport2);
-    v.component(DataImport2Table.name, DataImport2Table);
-    v.component(DataImport2Select.name, DataImport2Select);
-    v.component(
-      "IBizMapChart",
-      defineAsyncComponent({
-        loader: () => import('./map-chart/map-chart.mjs')
-      })
-    );
-  }
-};
-
-export { IBizActionToolbar, IBizCol, IBizCommonComponents, IBizRawItem, IBizRow, IBizSortBar, IBizSplit, IBizSplitTrigger, IBizCommonComponents as default };

package/es/common/map-chart/map-chart.css

@@ -1 +0,0 @@
-.ibiz-map-chart{position:relative;min-width:300px;min-height:300px}.ibiz-map-chart__chart{width:100%;height:100%}.ibiz-map-chart__goback{position:absolute;top:60px;right:0;width:100px;height:100px;font-size:20px;color:#002a5f;text-decoration:underline;letter-spacing:6px;cursor:pointer}

package/es/common/map-chart/map-chart.mjs

@@ -1,226 +0,0 @@
-import { computed, onMounted, toRefs, watch, createVNode, createTextVNode, defineComponent } from 'vue';
-import { isNil, mergeDeepWithKey } from 'ramda';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import { defaultOpts } from './map-chart.util.mjs';
-import { useMapManager } from './map-manager.mjs';
-import './map-chart.css';
-
-"use strict";
-const IBizMapChart = /* @__PURE__ */ defineComponent({
-  name: "IBizMapChart",
-  props: {
-    areaData: {
-      type: Array
-    },
-    pointData: {
-      type: Array
-    },
-    options: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("map-chart");
-    const options = computed(() => {
-      return mergeDeepWithKey((_key, x, z) => {
-        return isNil(z) ? x : z;
-      }, defaultOpts, props.options);
-    });
-    const findData = (id, type) => {
-      if (type === "area" && props.areaData) {
-        return props.areaData.find((item) => item._id === id);
-      }
-      if (type === "point" && props.pointData) {
-        return props.pointData.find((item) => item._id === id);
-      }
-    };
-    const {
-      chartRef,
-      historyNames,
-      changeMap,
-      getCityName,
-      goBack,
-      refresh
-    } = useMapManager(options, (mapName) => {
-      const {
-        visualMap,
-        pointSymbol,
-        areaColor,
-        hoverAreaColor,
-        areaBorderColor
-      } = options.value;
-      const areaData2 = props.areaData || [];
-      const pointData2 = props.pointData || [];
-      const result = {
-        geo: {
-          map: mapName
-        },
-        tooltip: {
-          trigger: "item",
-          // 全局的tooltip样式
-          textStyle: {
-            color: "#fff",
-            fontSize: 12
-          },
-          backgroundColor: "rgba(0, 0, 0, 0.47)",
-          borderWidth: 0,
-          extraCssText: "backdrop-filter: blur(3px);"
-        },
-        visualMap: {
-          min: visualMap.min,
-          max: visualMap.max,
-          text: visualMap.text,
-          realtime: false,
-          hoverLink: false,
-          inRange: {
-            color: visualMap.rangeColor
-          }
-        },
-        series: [
-          // 地图区块序列
-          {
-            type: "map",
-            map: mapName,
-            // 地图JSON里和name匹配的属性名称
-            nameProperty: "adcodeStr",
-            itemStyle: {
-              // 默认区域颜色
-              areaColor,
-              borderColor: areaBorderColor,
-              borderWidth: 2
-            },
-            // 悬浮样式
-            emphasis: {
-              itemStyle: {
-                areaColor: hoverAreaColor
-              }
-            },
-            tooltip: {
-              formatter: (params) => {
-                if (!params.data) {
-                  return;
-                }
-                const find = findData(params.data._id, "area");
-                if (!find) {
-                  return;
-                }
-                return find._tooltip;
-              }
-            },
-            label: {
-              // 区块文字固定显示
-              show: true,
-              // 字体样式
-              color: "#000000",
-              fontSize: 14,
-              formatter: (params) => {
-                return getCityName(params.name);
-              }
-            },
-            select: {
-              disabled: true
-            },
-            data: areaData2.map((item) => ({
-              name: `${item._areaCode}`,
-              value: item._value,
-              _id: item._id
-            }))
-          },
-          // 地图散点序列
-          {
-            type: "scatter",
-            coordinateSystem: "geo",
-            symbol: pointSymbol,
-            symbolSize: 20,
-            visualMap: false,
-            itemStyle: {
-              color: "#FF1D00"
-            },
-            label: {
-              show: true,
-              // 字体样式
-              color: "#000000",
-              fontSize: 14,
-              textShadowBlur: 0,
-              formatter: (params) => {
-                const find = findData(params.data._id, "point");
-                return find == null ? void 0 : find._text;
-              },
-              // 偏移
-              position: "left",
-              offset: [10, -15]
-            },
-            tooltip: {
-              formatter: (params) => {
-                const find = findData(params.data._id, "point");
-                return find == null ? void 0 : find._tooltip;
-              }
-            },
-            data: pointData2.map((item) => {
-              return {
-                _id: item._id,
-                symbol: item._symbol ? `image://${item._symbol}` : void 0,
-                value: [Number(item._longitude), Number(item._latitude)],
-                // 每个点逃离visualMap
-                visualMap: false
-              };
-            })
-          }
-        ]
-      };
-      return result;
-    }, (name, e) => {
-      switch (name) {
-        case "mapChange":
-          emit("mapChange", e);
-          break;
-        case "pointClick":
-          emit("pointClick", {
-            data: findData(e._id, "point")
-          });
-          break;
-        case "areaClick":
-          emit("areaClick", {
-            data: findData(e._id, "area")
-          });
-          break;
-        default:
-          break;
-      }
-    });
-    onMounted(() => {
-      changeMap(options.value.defaultAreaCode, true);
-    });
-    const {
-      areaData,
-      pointData
-    } = toRefs(props);
-    watch([areaData, pointData], () => {
-      refresh();
-    });
-    return {
-      ns,
-      chartRef,
-      historyNames,
-      goBack
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode("div", {
-      "class": this.ns.e("chart"),
-      "ref": "chartRef"
-    }, null), this.historyNames.length > 1 && createVNode("div", {
-      "class": this.ns.e("goback"),
-      "onClick": () => {
-        this.goBack();
-      }
-    }, [createTextVNode("\u8FD4\u56DE")])]);
-  }
-});
-
-export { IBizMapChart, IBizMapChart as default };

package/es/common/map-chart/map-chart.util.mjs

@@ -1,31 +0,0 @@
-"use strict";
-const GradientColors = ["#90d1e7", "#fff600", "#ff5200"];
-const defaultOpts = {
-  /** true地图code标识使用字符串，false使用数字 */
-  strAreaCode: false,
-  /** 热力图配置 */
-  visualMap: {
-    /** 两端的文本，如 ['高', '低'] */
-    text: ["\u9AD8", "\u4F4E"],
-    /** 底部代表的值 */
-    min: 0,
-    /** 顶部代表的值 */
-    max: 100,
-    /** 热力图渐变颜色数组 */
-    rangeColor: GradientColors
-  },
-  /** 区块颜色 */
-  areaColor: "#87cefa",
-  /** 区块边界颜色 */
-  areaBorderColor: "#FFF",
-  /** 悬浮时区块颜色 */
-  hoverAreaColor: "#fbdb2f",
-  /** 点图标 */
-  pointSymbol: "pin",
-  /** 地图json数据基础路径 */
-  jsonBaseUrl: "./assets/json/map",
-  /** 默认打开的区域编码 */
-  defaultAreaCode: 1e5
-};
-
-export { GradientColors, defaultOpts };

package/es/common/map-chart/map-json.mjs

@@ -1,9 +0,0 @@
-"use strict";
-async function getJsonUrl(baseUrl, code) {
-  const res = await ibiz.net.axios({
-    url: `${baseUrl}/${code}.json`
-  });
-  return res.data;
-}
-
-export { getJsonUrl };