@ebiz/designer-components 0.0.18-tj.1

package/src/components/charts/util/merge.js

@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { isObject, isArray } from './type';
+
+// 将 task 中所有属性合并到 target
+function merge(target, task) {
+    if (target === undefined) {
+        target = task;
+        return target;
+    }
+    if (isObject(task)) {
+        for (const key in task) {
+            if (target[key] === undefined || target[key] === null) {
+                target[key] = task[key];
+            } else if (isObject(task[key]) && !isArray(task[key])) {
+                merge(target[key], task[key]);
+            } else {
+                target[key] = task[key];
+            }
+        }
+    }
+    return target;
+}
+
+// 覆盖Series
+function mergeSeries(iChartOption, baseOption) {
+    const userSeries = iChartOption.series;
+    const baseSeries = baseOption.series;
+    userSeries && userSeries.forEach(uitem => {
+        let isNewSeries = true;
+        baseSeries.forEach(bitem => {
+            if (bitem.name === uitem.name) {
+                isNewSeries = false;
+                merge(bitem, uitem);
+            }
+        });
+        if (isNewSeries) {
+            baseSeries.push(uitem);
+        }
+    });
+}
+
+// 覆盖VisualMap，采用直接替换的形式
+function mergeVisualMap(iChartOption, baseOption) {
+    let userVisualMap = iChartOption.visualMap;
+    if (userVisualMap) {
+        baseOption.visualMap = userVisualMap;
+    }
+}
+
+// extend属性，采用直接替换的形式
+function mergeExtend(iChartOption, baseOption) {
+    if (!iChartOption) return;
+    let extend = iChartOption.extend;
+    if (!extend) return;
+    for (const key in extend) {
+        if (Object.hasOwnProperty.call(extend, key)) {
+            baseOption[key] = extend[key];
+        }
+    }
+}
+
+export {
+    mergeSeries,
+    mergeExtend,
+    mergeVisualMap
+}
+
+export default merge;

package/src/components/charts/util/paint.js

@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+// 对canvas的画笔的简单封装
+export default class Paint {
+  ctx = null;
+  constructor(ctx) {
+    this.ctx = ctx;
+  }
+
+  beginPath() {
+    this.ctx.beginPath();
+  }
+
+  closePath() {
+    this.ctx.closePath();
+  }
+
+  moveTo(x, y) {
+    this.ctx.moveTo(x, y);
+  }
+
+  lineTo(x, y) {
+    this.ctx.lineTo(x, y);
+  }
+
+  lineCap(type) {
+    this.ctx.lineCap = type;
+  }
+
+  stroke() {
+    this.ctx.stroke();
+  }
+
+  lineJoin(type) {
+    this.ctx.lineJoin = type;
+  }
+
+  lineWidth(nub) {
+    this.ctx.lineWidth = nub;
+  }
+
+  fill() {
+    this.ctx.fill();
+  }
+
+  save() {
+    this.ctx.save();
+  }
+
+  restore() {
+    this.ctx.restore();
+  }
+
+  translate(x, y) {
+    this.ctx.translate(x, y);
+  }
+
+  createLinearGradient(x0, y0, x1, y1) {
+    return this.ctx.createLinearGradient(x0, y0, x1, y1);
+  }
+
+  clearRect(x, y, width, height) {
+    this.ctx.clearRect(x, y, width, height);
+  }
+
+  rect(x, y, width, height) {
+    this.ctx.rect(x, y, width, height);
+  }
+
+  strokeStyle(color) {
+    this.ctx.strokeStyle = color;
+  }
+
+  arc(x, y, radius, startAngle, endAngle, anticlockwise = false) {
+    this.ctx.arc(x, y, radius, startAngle, endAngle, anticlockwise);
+  }
+
+  fillStyle(color) {
+    this.ctx.fillStyle = color;
+  }
+
+  clip() {
+    this.ctx.clip();
+  }
+
+  createRadialGradient(x0, y0, r0, x1, y1, r1) {
+    return this.ctx.createRadialGradient(x0, y0, r0, x1, y1, r1);
+  }
+}

package/src/components/charts/util/sort/max.js

@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+export default function max(arr) {
+  function handle(arr) {
+    return arr.filter(item => {
+      return Object.prototype.toString.call(item) === '[object Number]';
+    });
+  }
+
+  function heapAjust(data, i, length) {
+    let child = 2 * i + 1;
+    while (child <= length) {
+      const temp = data[i];
+      if (child + 1 <= length && data[child] < data[child + 1]) {
+        child = child + 1;
+      }
+      if (data[i] < data[child]) {
+        data[i] = data[child];
+        data[child] = temp;
+        i = child;
+        child = 2 * i + 1;
+      } else {
+        break;
+      }
+    }
+  }
+
+  function buildHeap(data) {
+    for (let i = Math.floor(data.length / 2); i >= 0; i--) {
+      heapAjust(data, i, data.length);
+    }
+  }
+
+  function swap(arr, i, j) {
+    const temp = arr[i];
+    arr[i] = arr[j];
+    arr[j] = temp;
+  }
+
+  function heapSort(arr) {
+    const data = handle(arr).slice(0);
+    if (!(data instanceof Array)) return;
+    if (data instanceof Array && data.length === 1) {
+      return data;
+    }
+    buildHeap(data);
+    for (let i = data.length - 1; i >= 0; i--) {
+      swap(data, i, 0);
+      heapAjust(data, 0, i - 1);
+    }
+    return data[data.length - 1];
+  }
+
+  return heapSort(arr);
+}

package/src/components/charts/util/sort/min.js

@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+export default function min(arrMin) {
+  function handleMin(arrMin) {
+    return arrMin.filter(item => {
+      return Object.prototype.toString.call(item) === '[object Number]';
+    });
+  }
+
+  function heapJustMin(dataMin, iMin, length) {
+    let childMin = 2 * iMin + 1;
+    while (childMin <= length) {
+      const temp = dataMin[iMin];
+      if (childMin + 1 <= length && dataMin[childMin] < dataMin[childMin + 1]) {
+        childMin = childMin + 1;
+      }
+      if (dataMin[iMin] < dataMin[childMin]) {
+        dataMin[iMin] = dataMin[childMin];
+        dataMin[childMin] = temp;
+        iMin = childMin;
+        childMin = 2 * iMin + 1;
+      } else {
+        break;
+      }
+    }
+  }
+
+  function buildHeapMin(dataMin) {
+    for (let iMin = Math.floor(dataMin.length / 2); iMin >= 0; iMin--) {
+      heapJustMin(dataMin, iMin, dataMin.length);
+    }
+  }
+
+  function swap(arrMin, iMin, jMin) {
+    const temp = arrMin[iMin];
+    arrMin[iMin] = arrMin[jMin];
+    arrMin[jMin] = temp;
+  }
+
+  function heapSort(arrMin) {
+    const dataMin = handleMin(arrMin).slice(0);
+    if (!(dataMin instanceof Array)) return;
+    if (dataMin instanceof Array && dataMin.length === 1) {
+      return dataMin;
+    }
+    buildHeapMin(dataMin);
+    for (let iMin = dataMin.length - 1; iMin >= 0; iMin--) {
+      swap(dataMin, iMin, 0);
+      heapJustMin(dataMin, 0, iMin - 1);
+    }
+    return dataMin[0];
+  }
+
+  return heapSort(arrMin);
+}

package/src/components/charts/util/throttle.js

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+function throttle(delay, callback) {
+  let timeoutID;
+  let lastExec = 0;
+  function clearExistingTimeout() {
+    timeoutID && clearTimeout(timeoutID);
+  }
+  return function wrapper(...arguments_) {
+    const __self = this;
+    const elapsed = Date.now() - lastExec;
+    function exec() {
+      lastExec = Date.now();
+      callback.apply(__self, arguments_);
+    }
+    clearExistingTimeout();
+    if (elapsed > delay) {
+      exec();
+    } else {
+      timeoutID = setTimeout(exec, delay - elapsed);
+    }
+  }
+}
+
+export default throttle;

package/src/components/charts/util/tips.js

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+const packageName = 'HUI-Charts'
+
+function warn(tip){
+    console.warn(`[${packageName}] Warning: ${tip}`)
+}
+
+function error(tip){
+    console.error(`[${packageName}] Error: ${tip}`)
+}
+
+export default {
+    warn,
+    error,
+}

package/src/components/charts/util/type.js

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+export function isArray(value) {
+    return Object.prototype.toString.call(value) === '[object Array]' ? true : false;
+}
+
+export const isObject = value => value !== null && typeof value === 'object';
+
+export const isFunction = value => typeof value === 'function';
+
+export const isString = value => typeof value === 'string';
+
+export const isBoolean = value => typeof value === 'boolean';
+
+export const isNumber = value => typeof value === 'number';
+
+export const isUndef = value => typeof value === 'undefined';
+
+export const isDOM = typeof HTMLElement === 'object'
+    ? function (dom) { return dom instanceof HTMLElement; }
+    : function (dom) { return dom && typeof dom === 'object' && dom.nodeType === 1 && typeof dom.nodeName === 'string'; };
+
+export const toArray = value => {
+    if (!isArray(value)) {
+        return [value];
+    } else {
+        return value;
+    }
+}
+
+/**
+ * 
+ * 返回对相应的数据类型
+ */
+export const getType = data => {
+    return Object.prototype.toString.call(data).substring(8).split(/]/)[0]
+}

package/src/components/ebiz-form/components/cascader.vue

@@ -0,0 +1,61 @@
+<template>
+  <div>
+    <t-cascader
+      v-model="value"
+      :placeholder="item.placeholder"
+      :options="item.options"
+      :borderless="item.borderless"
+      :checkProps="item.checkProps"
+      :checkStrictly="item.checkStrictly"
+      :clearable="item.clearable || true"
+      :collapsedItems="item.collapsedItems"
+      :disabled="item.disabled"
+      :empty="item.empty"
+      :filter="item.filter"
+      :filterable="item.filterable"
+      :inputProps="item.inputProps"
+      :keys="item.keys"
+      :label="item.subLabel"
+      :lazy="item.lazy"
+      :load="item.load"
+      :loading="item.loading"
+      :loadingText="item.loadingText"
+      :max="item.max"
+      :minCollapsedNum="item.minCollapsedNum"
+      :multiple="item.multiple"
+      :option="item.option"
+      :popupProps="item.popupProps"
+      :popupVisible="item.popupVisible"
+      :defaultPopupVisible="item.defaultPopupVisible"
+      :prefixIcon="item.prefixIcon"
+      :readonly="item.readonly"
+      :reserveKeyword="item.reserveKeyword"
+      :selectInputProps="item.selectInputProps"
+      :showAllLevels="item.showAllLevels"
+      :size="item.size"
+      :status="item.status"
+      :suffix="item.suffix"
+      :suffixIcon="item.suffixIcon"
+      :tagInputProps="item.tagInputProps"
+      :tagProps="item.tagProps"
+      :tips="item.tips"
+      :trigger="item.trigger"
+      :valueDisplay="item.valueDisplay"
+      :valueMode="item.valueMode"
+      :valueType="item.valueType"
+      @change="onInputEvent"
+    ></t-cascader>
+  </div>
+</template>
+<script setup>
+import { Cascader as TCascader } from 'tdesign-vue-next';
+
+const value = defineModel()
+defineProps(['item'])
+
+const emit = defineEmits(['input'])
+
+const onInputEvent = (val) =>  {
+  emit('input',val)
+}
+</script>

package/src/components/ebiz-form/components/checkbox.vue

@@ -0,0 +1,37 @@
+<template>
+  <div>
+    <t-checkbox-group
+      v-model="value"
+      :max="item.max"
+      :checkAll="item.checkAll"
+      :disabled="item.disabled"
+      :lazyLoad="item.lazyLoad"
+      @change="onInputEvent"
+    >
+      <t-checkbox
+        v-for="(o, index) in item.options"
+        :key="index"
+        :value="o.value"
+        :indeterminate="o.indeterminate"
+        :disabled="o.disabled"
+        :label="o.label"
+        :readonly="o.readonly"
+      >
+        <slot name="label" />
+        {{ o.label }}
+      </t-checkbox>
+    </t-checkbox-group>
+  </div>
+</template>
+<script setup>
+import { CheckboxGroup as TCheckboxGroup, Checkbox as TCheckbox } from 'tdesign-vue-next';
+
+const value =defineModel()
+defineProps(['item'])
+
+const emit = defineEmits(['input'])
+
+const onInputEvent = (val) =>  {
+  emit('input',val)
+}
+</script>

package/src/components/ebiz-form/components/city.vue

@@ -0,0 +1,137 @@
+<script setup>
+import {onMounted, ref, watch} from "vue";
+import { Select as TSelect } from "tdesign-vue-next";
+
+const value = defineModel('default')
+const province = ref(null)
+const city = ref(null)
+const county =  ref(null)
+
+const provinceOptions = ref([])
+const cityOptions = ref([])
+const countyOptions = ref([])
+
+watch(value, (newValue, oldValue) => {
+  console.log('值已改变:', oldValue, '->', newValue);
+  init()
+});
+
+const onChangeProvince = (val) => {
+  city.value = val
+
+  setTimeout(() => {
+    getAddress(province.value, 'city');
+
+    value.value = [province.value]
+    cityOptions.value = [];
+    countyOptions.value = [];
+
+    city.value = null;
+    county.value = null;
+  }, 100)
+
+}
+const onChangeCity = (val) => {
+  city.value = val
+  console.log("city", city.value)
+  getAddress(city.value, 'county');
+  value.value = [province.value, city.value]
+  countyOptions.value = [];
+  county.value = null;
+}
+
+const onCountyCity = () => {
+  setTimeout(() => {
+    value.value = [province.value, city.value, county.value]
+  });
+}
+
+const getAddress = (id, type) => {
+  // request.get({
+  //   url: `/address/search`,
+  //   params: {
+  //     id
+  //   }
+  // }).then((res) => {
+  //   res.addressDTOList.forEach((item) => {
+  //     item.label = item.name;
+  //     item.value = parseInt(item.id);
+  //   });
+  //   if (type == 'province') {
+  //     provinceOptions.value = res.addressDTOList;
+  //   } else if (type == 'city') {
+  //     cityOptions.value = res.addressDTOList;
+  //   } else if (type == 'county') {
+  //     countyOptions.value = res.addressDTOList;
+  //   }
+  // });
+}
+
+const init = () => {
+  getAddress(0, 'province')
+
+  province.value = null
+  city.value = null
+  county.value = null
+
+  let data = value.value
+  if (data.length > 0 && data[0] != null) {
+    province.value = data[0]
+    getAddress(province.value, 'city')
+  }
+  if (data.length > 1 && data[1] != null) {
+    city.value = data[1]
+    getAddress(city.value, 'county')
+  }
+  if (data.length > 2 && data[2] != null) {
+    county.value = data[2]
+  }
+}
+
+onMounted(() => {
+  setTimeout(() => {
+    init()
+  }, 1000)
+
+})
+</script>
+
+<template>
+  <div style="display: flex;">
+    <div style="margin-right: 10px">
+      <t-select
+        v-model="province"
+        :options="provinceOptions"
+        @change="onChangeProvince"
+        clearable
+        class="cascader_item"
+      />
+    </div>
+    <div style="margin-right: 10px">
+      <t-select
+        v-if="province && cityOptions.length > 0"
+        v-model="city"
+        :options="cityOptions"
+        @change="onChangeCity"
+        clearable
+        class="cascader_item"
+      />
+    </div>
+    <div>
+      <t-select
+        v-if="city && countyOptions.length > 0"
+        v-model="county"
+        :options="countyOptions"
+        @change="onCountyCity"
+        clearable
+        class="cascader_item"
+      />
+    </div>
+
+
+  </div>
+</template>
+
+<style scoped lang="less">
+
+</style>

package/src/components/ebiz-form/components/date-panel.vue

@@ -0,0 +1,52 @@
+<!--
+  - @author eBIZ Team <dev@jungo.com.cn>
+  - @copyright  Copyright (c) , ShenZhen JunGO Technology Co., Ltd. All rights reserved.
+  - @license  Commercial authorization, unauthorized use and modification are prohibited
+  - @url www.jungo.com.cn
+  -->
+
+<template>
+  <div>
+    <t-date-picker-panel
+      v-model="value"
+      :allowInput="item.allowInput"
+      :clearable="item.clearable || true"
+      :borderless="item.borderless"
+      :disableDate="item.disableDate"
+      :disabled="item.disabled"
+      :enableTimePicker="item.enableTimePicker"
+      :firstDayOfWeek="item.firstDayOfWeek"
+      :format="item.format"
+      :inputProps="item.inputProps"
+      :label="item.subLabel"
+      :mode="item.mode"
+      :needConfirm="item.needConfirm"
+      :placeholder="item.placeholder"
+      :popupProps="item.popupProps"
+      :prefixIcon="item.prefixIcon"
+      :presets="item.presets"
+      :presetsPlacement="item.presetsPlacement"
+      :selectInputProps="item.selectInputProps"
+      :size="item.size"
+      :status="item.status"
+      :suffixIcon="item.suffixIcon"
+      :timePickerProps="item.timePickerProps"
+      :tips="item.tips"
+      :valueDisplay="item.valueDisplay"
+      :valueType="item.valueType"
+
+      @change="onChange" />
+  </div>
+</template>
+<script setup>
+import { DatePickerPanel as TDatePickerPanel } from "tdesign-vue-next"
+
+const value = defineModel()
+defineProps(['item'])
+
+const emit = defineEmits(['change'])
+
+const onChange = (val) =>  {
+  emit('change',val)
+}
+</script>