@smallwei/avue 3.8.4 → 3.8.6

package/lib/packages/element-plus/sign/index2.js

@@ -0,0 +1,227 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../src/core/create.js');
+
+//绘制五角星  
+/** 
+ * 创建一个五角星形状. 该五角星的中心坐标为(sx,sy),中心到顶点的距离为radius,rotate=0时一个顶点在对称轴上 
+ * rotate:绕对称轴旋转rotate弧度 
+ */
+function create5star (context, sx, sy, radius, color, rotato) {
+  context.save();
+  context.fillStyle = color;
+  context.translate(sx, sy);//移动坐标原点  
+  context.rotate(Math.PI + rotato);//旋转  
+  context.beginPath();//创建路径  
+  var x = Math.sin(0);
+  var y = Math.cos(0);
+  var dig = Math.PI / 5 * 4;
+  for (var i = 0; i < 5; i++) {//画五角星的五条边  
+    var x = Math.sin(i * dig);
+    var y = Math.cos(i * dig);
+    context.lineTo(x * radius, y * radius);
+  }
+  context.closePath();
+  context.stroke();
+  context.fill();
+  context.restore();
+}
+var script = src_core_create.default({
+  name: "sign",
+  props: {
+    width: {
+      type: Number,
+      default: 600,
+    },
+    height: {
+      type: Number,
+      default: 400
+    }
+  },
+  data () {
+    return {
+      disabled: false,
+      linex: [],
+      liney: [],
+      linen: [],
+      canvas: {},
+      context: {},
+    }
+  },
+  computed: {
+    styleName () {
+      return {
+        width: this.setPx(this.width),
+        height: this.setPx(this.height)
+      }
+    }
+  },
+  mounted () {
+    this.init();
+  },
+  methods: {
+    getStar (text, text1, text2) {
+      var canvas = this.canvas;
+      var context = this.context;
+      // 绘制印章边框   
+      var width = canvas.width / 2;
+      var height = canvas.height / 2;
+      context.lineWidth = 7;
+      context.strokeStyle = "#f00";
+      context.beginPath();
+      context.arc(width, height, 110, 0, Math.PI * 2);
+      context.stroke();
+
+      //画五角星
+      create5star(context, width, height, 20, "#f00", 0);
+
+      // 绘制印章名称   
+      context.font = '18px SimHei';
+      context.textBaseline = 'middle';//设置文本的垂直对齐方式
+      context.textAlign = 'center'; //设置文本的水平对对齐方式
+      context.lineWidth = 1;
+      context.strokeStyle = '#f00';
+      context.strokeText(text, width, height + 50);
+
+      // 绘制印章副属性名称   
+      context.font = '14px SimHei';
+      context.textBaseline = 'middle';//设置文本的垂直对齐方式
+      context.textAlign = 'center'; //设置文本的水平对对齐方式
+      context.lineWidth = 1;
+      context.strokeStyle = '#f00';
+      context.strokeText(text2, width, height + 80);
+
+      // 绘制印章单位   
+      context.translate(width, height);// 平移到此位置,
+      context.font = '22px SimHei';
+      var count = text1.length;// 字数   
+      var angle = 4 * Math.PI / (3 * (count - 1));// 字间角度   
+      var chars = text1.split("");
+      var c;
+      for (var i = 0; i < count; i++) {
+        c = chars[i];// 需要绘制的字符   
+        if (i == 0) context.rotate(5 * Math.PI / 6);
+        else
+          context.rotate(angle);// 
+        context.save();
+        context.translate(90, 0);// 平移到此位置,此时字和x轴垂直   
+        context.rotate(Math.PI / 2);// 旋转90度,让字平行于x轴   
+        context.strokeText(c, 0, 0);// 此点为字的中心点   
+        context.restore();
+        context.save();//锁画布(为了保存之前的画布状态)  
+      }
+      this.disabled = true;
+    },
+    submit (width, height) {
+      if (!width) width = this.width;
+      if (!height) height = this.height;
+      return this.canvas.toDataURL("i/png");
+    },
+    clear () {
+      this.linex = new Array();
+      this.liney = new Array();
+      this.linen = new Array();
+      this.disabled = false;
+      this.canvas.width = this.canvas.width;
+
+    },
+    init () {
+      this.canvas = this.$refs.canvas;
+      var canvas = this.canvas;
+      var _safe = this;
+      //注册相关事件
+      if (typeof document.ontouchstart != "undefined") {      //适配移动设备
+        canvas.addEventListener('touchmove', onMouseMove, false);
+        canvas.addEventListener('touchstart', onMouseDown, false);
+        canvas.addEventListener('touchend', onMouseUp, false);
+      } else {      //适配电脑
+        canvas.addEventListener('mousemove', onMouseMove, false);
+        canvas.addEventListener('mousedown', onMouseDown, false);
+        canvas.addEventListener('mouseup', onMouseUp, false);
+        canvas.addEventListener('mouseleave', onMouseUp, false);
+      }
+      //初始化上下文和参数
+      this.context = canvas.getContext('2d');
+      var context = this.context;
+      this.linex = new Array();
+      this.liney = new Array();
+      this.linen = new Array();
+      var lastX = 1;
+      var lastY = 30;
+      var flag = 0;
+
+
+
+      //根据鼠标坐标获取绘图坐标
+      function getCanvasPos (canvas, evt) {
+        var rect = canvas.getBoundingClientRect();
+        var x, y;
+        if (evt.targetTouches) {
+          x = evt.targetTouches[0].clientX;
+          y = evt.targetTouches[0].clientY;
+        } else {
+          x = evt.clientX;
+          y = evt.clientY;
+        }
+        return {
+          x: (x - rect.left) * (canvas.width / rect.width),
+          y: (y - rect.top) * (canvas.height / rect.height)
+        }
+      }
+
+      //鼠标移动的时候
+      function onMouseMove (evt) {
+        if (_safe.disabled) return
+        var x = getCanvasPos(canvas, evt).x,
+          y = getCanvasPos(canvas, evt).y;
+
+        //判断是否处于按下状态
+        if (flag == 1) {
+          //如果是则画图
+          _safe.linex.push(x);
+          _safe.liney.push(y);
+          _safe.linen.push(1);
+          context.save();
+          context.translate(context.canvas.width / 2, context.canvas.height / 2);
+          context.translate(-context.canvas.width / 2, -context.canvas.height / 2);
+          context.beginPath();
+          context.lineWidth = 2;
+          for (var i = 1; i < _safe.linex.length; i++) {
+            lastX = _safe.linex[i];
+            lastY = _safe.liney[i];
+            if (_safe.linen[i] == 0)
+              context.moveTo(lastX, lastY);
+            else
+              context.lineTo(lastX, lastY);
+          }
+          context.shadowBlur = 10;
+          context.stroke();
+          context.restore();
+        }
+        evt.preventDefault();
+      }
+
+      //当鼠标按下的时候修改按下标志，并开始记录坐标
+      function onMouseDown (evt) {
+        if (_safe.disabled) return
+        var x = getCanvasPos(canvas, evt).x,
+          y = getCanvasPos(canvas, evt).y;
+        flag = 1;
+        _safe.linex.push(x);
+        _safe.liney.push(y);
+        _safe.linen.push(0);
+      }
+
+      //鼠标松开清除标志
+      function onMouseUp () {
+        if (_safe.disabled) return
+        flag = 0;
+      }
+    }
+  }
+});
+
+exports.default = script;

package/lib/packages/element-plus/sign/index3.js

@@ -0,0 +1,21 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+var vue = require('vue');
+
+const _hoisted_1 = ["width", "height"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.b())
+  }, [
+    vue.createElementVNode("canvas", {
+      class: vue.normalizeClass(_ctx.b('canvas')),
+      width: _ctx.width,
+      height: _ctx.height,
+      ref: "canvas"
+    }, null, 10 /* CLASS, PROPS */, _hoisted_1)
+  ], 2 /* CLASS */))
+}
+
+exports.render = render;

package/lib/packages/element-plus/slider/index.js

@@ -0,0 +1,12 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_lang = require('./index2.js');
+var index_vue_vue_type_template_id_3f2c8758_lang = require('./index3.js');
+
+index_vue_vue_type_script_lang.default.render = index_vue_vue_type_template_id_3f2c8758_lang.render;
+index_vue_vue_type_script_lang.default.__file = "packages/element-plus/slider/index.vue";
+
+exports.default = index_vue_vue_type_script_lang.default;

package/lib/packages/element-plus/slider/index2.js

@@ -0,0 +1,56 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../src/core/create.js');
+var packages_core_common_props = require('../../core/common/props.js');
+var packages_core_common_event = require('../../core/common/event.js');
+
+var script = src_core_create.default({
+  name: "slider",
+  mixins: [packages_core_common_props.default(), packages_core_common_event.default()],
+  props: {
+    modelValue: {},
+    step: {
+      type: Number
+    },
+    min: {
+      type: Number
+    },
+    max: {
+      type: Number
+    },
+    marks: {
+      type: Object
+    },
+    range: {
+      type: Boolean,
+      default: false
+    },
+    showInput: {
+      type: Boolean,
+      default: false
+    },
+    showStops: {
+      type: Boolean,
+      default: false
+    },
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    formatTooltip: Function,
+    height: String,
+    formatTooltip: Function
+  },
+  data () {
+    return {};
+  },
+  watch: {},
+  created () { },
+  mounted () { },
+  methods: {}
+});
+
+exports.default = script;

package/lib/packages/element-plus/slider/index3.js

@@ -0,0 +1,27 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_slider = vue.resolveComponent("el-slider");
+
+  return (vue.openBlock(), vue.createBlock(_component_el_slider, {
+    modelValue: _ctx.text,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.text) = $event)),
+    disabled: _ctx.disabled,
+    vertical: _ctx.vertical,
+    height: _ctx.setPx(_ctx.height),
+    step: _ctx.step,
+    min: _ctx.min,
+    max: _ctx.max,
+    range: _ctx.range,
+    "show-stops": _ctx.showStops,
+    "show-input": _ctx.showInput,
+    marks: _ctx.marks,
+    "format-tooltip": _ctx.formatTooltip,
+    onClick: _ctx.handleClick
+  }, null, 8 /* PROPS */, ["modelValue", "disabled", "vertical", "height", "step", "min", "max", "range", "show-stops", "show-input", "marks", "format-tooltip", "onClick"]))
+}
+
+exports.render = render;

package/lib/packages/element-plus/switch/index.js

@@ -0,0 +1,12 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_lang = require('./index2.js');
+var index_vue_vue_type_template_id_76952232_lang = require('./index3.js');
+
+index_vue_vue_type_script_lang.default.render = index_vue_vue_type_template_id_76952232_lang.render;
+index_vue_vue_type_script_lang.default.__file = "packages/element-plus/switch/index.vue";
+
+exports.default = index_vue_vue_type_script_lang.default;

package/lib/packages/element-plus/switch/index2.js

@@ -0,0 +1,57 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../src/core/create.js');
+var packages_core_common_props = require('../../core/common/props.js');
+var packages_core_common_event = require('../../core/common/event.js');
+
+var script = src_core_create.default({
+  name: "switch",
+  mixins: [packages_core_common_props.default(), packages_core_common_event.default()],
+  props: {
+    inlinePrompt: Boolean,
+    inactiveActionIcon: String,
+    activeActionIcon: String,
+    inactiveIcon: String,
+    activeIcon: String,
+    len: Number,
+    beforeChange: Function
+  },
+  data () {
+    return {
+      loading: false,
+    };
+  },
+  watch: {},
+  created () { },
+  mounted () { },
+  computed: {
+    active () {
+      return this.dic[1] || {};
+    },
+    inactive () {
+      return this.dic[0] || {};
+    }
+  },
+  methods: {
+    handleBeforeChange () {
+      return new Promise((resolve) => {
+        this.loading = true;
+        const callback = (result) => {
+          this.loading = false;
+          return resolve(result)
+        };
+        if (typeof this.beforeChange == 'function') {
+          return this.beforeChange(callback)
+        } else {
+          return callback(true)
+        }
+      })
+
+    }
+  }
+});
+
+exports.default = script;

package/lib/packages/element-plus/switch/index3.js

@@ -0,0 +1,31 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_switch = vue.resolveComponent("el-switch");
+
+  return (vue.openBlock(), vue.createElementBlock("div", null, [
+    vue.createVNode(_component_el_switch, {
+      modelValue: _ctx.text,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.text) = $event)),
+      onClick: _ctx.handleClick,
+      loading: _ctx.loading,
+      "inline-prompt": _ctx.inlinePrompt,
+      "active-icon": _ctx.activeIcon,
+      "before-change": _ctx.handleBeforeChange,
+      "active-action-icon": _ctx.activeActionIcon,
+      "active-text": _ctx.active[_ctx.labelKey],
+      "active-value": _ctx.active[_ctx.valueKey],
+      "inactive-icon": _ctx.inactiveIcon,
+      "inactive-action-icon": _ctx.inactiveActionIcon,
+      "inactive-value": _ctx.inactive[_ctx.valueKey],
+      "inactive-text": _ctx.inactive[_ctx.labelKey],
+      width: _ctx.len,
+      disabled: _ctx.disabled
+    }, null, 8 /* PROPS */, ["modelValue", "onClick", "loading", "inline-prompt", "active-icon", "before-change", "active-action-icon", "active-text", "active-value", "inactive-icon", "inactive-action-icon", "inactive-value", "inactive-text", "width", "disabled"])
+  ]))
+}
+
+exports.render = render;

package/lib/packages/element-plus/tabs/index.js

@@ -0,0 +1,12 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_lang = require('./index2.js');
+var index_vue_vue_type_template_id_ad97c69e_lang = require('./index3.js');
+
+index_vue_vue_type_script_lang.default.render = index_vue_vue_type_template_id_ad97c69e_lang.render;
+index_vue_vue_type_script_lang.default.__file = "packages/element-plus/tabs/index.vue";
+
+exports.default = index_vue_vue_type_script_lang.default;

package/lib/packages/element-plus/tabs/index2.js

@@ -0,0 +1,46 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../src/core/create.js');
+
+var script = src_core_create.default({
+  name: "tabs",
+  props: {
+    option: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  data () {
+    return {
+      active: "0",
+    };
+  },
+  watch: {
+    active () {
+      this.$emit("change", this.tabsObj);
+    }
+  },
+  computed: {
+    tabsObj () {
+      return this.columnOption[this.active];
+    },
+    parentOption () {
+      return this.option;    },
+    columnOption () {
+      return this.parentOption.column || [];
+    }
+  },
+  methods: {
+    changeTabs (active) {
+      this.active = active + "";
+    }
+  }
+});
+
+exports.default = script;

package/lib/packages/element-plus/tabs/index3.js

@@ -0,0 +1,41 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
+  const _component_el_tabs = vue.resolveComponent("el-tabs");
+
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.b())
+  }, [
+    vue.createVNode(_component_el_tabs, {
+      modelValue: _ctx.active,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.active) = $event)),
+      "tab-position": _ctx.parentOption.position,
+      type: _ctx.parentOption.type
+    }, {
+      default: vue.withCtx(() => [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnOption, (column, index) => {
+          return (vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
+            name: index+'',
+            disabled: column.disabled,
+            key: index
+          }, {
+            label: vue.withCtx(() => [
+              vue.createElementVNode("i", {
+                class: vue.normalizeClass(column.icon)
+              }, null, 2 /* CLASS */),
+              vue.createTextVNode("  " + vue.toDisplayString(column.label), 1 /* TEXT */)
+            ]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["name", "disabled"]))
+        }), 128 /* KEYED_FRAGMENT */))
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["modelValue", "tab-position", "type"])
+  ], 2 /* CLASS */))
+}
+
+exports.render = render;

package/lib/packages/element-plus/text-ellipsis/index.js

@@ -0,0 +1,12 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_lang = require('./index2.js');
+var index_vue_vue_type_template_id_dd801a98_lang = require('./index3.js');
+
+index_vue_vue_type_script_lang.default.render = index_vue_vue_type_template_id_dd801a98_lang.render;
+index_vue_vue_type_script_lang.default.__file = "packages/element-plus/text-ellipsis/index.vue";
+
+exports.default = index_vue_vue_type_script_lang.default;

package/lib/packages/element-plus/text-ellipsis/index2.js

@@ -0,0 +1,86 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../src/core/create.js');
+
+var script = src_core_create.default({
+  name: "text-ellipsis",
+  props: {
+    text: String,
+    height: Number,
+    width: Number,
+    isLimitHeight: {
+      type: Boolean,
+      default: true
+    },
+    useTooltip: {
+      type: Boolean,
+      default: false
+    },
+    placement: String
+  },
+  data () {
+    return {
+      keyIndex: 0,
+      isHide: false
+    };
+  },
+  watch: {
+    isLimitHeight () {
+      this.init();
+    },
+    text () {
+      this.init();
+    },
+    height () {
+      this.init();
+    }
+  },
+  mounted () {
+    this.init();
+  },
+  methods: {
+    init () {
+      this.keyIndex += 1;
+      let more = this.$refs.more;
+      more.style.display = "none";
+      if (this.isLimitHeight) {
+        this.limitShow();
+      }
+    },
+    limitShow () {
+      this.$nextTick(() => {
+        let textDom = this.$refs.text;
+        let title = this.$el;
+        let more = this.$refs.more;
+        let n = 1000;
+        if (textDom) {
+          if (title.offsetHeight > this.height) {
+            more.style.display = "inline-block";
+            let text = this.text;
+            while (title.offsetHeight > this.height && n > 0) {
+              if (title.offsetHeight > this.height * 3) {
+                textDom.innerText = text = text.substring(
+                  0,
+                  Math.floor(text.length / 2)
+                );
+              } else {
+                textDom.innerText = text = text.substring(0, text.length - 1);
+              }
+              n--;
+            }
+            this.$emit("hide");
+            this.isHide = true;
+          } else {
+            this.$emit("show");
+            this.isHide = false;
+          }
+        }
+      });
+    }
+  }
+});
+
+exports.default = script;