yuang-framework-ui-pc 1.1.44 → 1.1.45

package/lib/ele-pagination/props.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const paginationProps = {
+  ...elementPlus.paginationProps,
+  /** 总条目数 */
+  total: [String, Number],
+  /** 是否还有下一页 */
+  hasNext: {
+    type: Boolean,
+    default: true
+  },
+  /** 风格 */
+  type: {
+    type: String,
+    default: "circle"
+  },
+  /** 每页数量选择下拉是否使用固定定位 */
+  isFixedPopper: {
+    type: Boolean,
+    default: true
+  }
+};
+const paginationEmits = {
+  /** 更新页码 */
+  "update:currentPage": (_currentPage) => true,
+  /** 更新每页数量 */
+  "update:pageSize": (_pageSize) => true
+};
+exports.paginationEmits = paginationEmits;
+exports.paginationProps = paginationProps;

package/lib/ele-pagination/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 分页主题变量 */
+@mixin set-pagination-var($var) {
+  .ele-pagination {
+    @include set-ele-var('pagination', $var);
+  }
+}

package/lib/ele-pagination/style/index.scss

@@ -0,0 +1,288 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-pagination-var($ele);
+
+.ele-pagination {
+  flex-wrap: wrap;
+  justify-content: center;
+
+  /* 圆角风格 */
+  &.is-circle {
+    /* 间距 */
+    & > * {
+      margin: eleVar('pagination', 'gap') !important;
+      margin-left: 0 !important;
+      margin-bottom: 0 !important;
+    }
+
+    & > .is-last {
+      margin-right: 0 !important;
+    }
+
+    /* 操作按钮 */
+    .btn-prev,
+    .btn-next,
+    .el-pager li {
+      height: eleVar('pagination', 'height');
+      line-height: eleVar('pagination', 'height');
+      min-width: eleVar('pagination', 'height');
+      padding: eleVar('pagination', 'padding');
+      border-radius: eleVar('pagination', 'radius');
+      color: eleVar('pagination', 'color');
+      font-size: eleVar('pagination', 'font-size');
+      background: eleVar('pagination', 'bg');
+      border: eleVar('pagination', 'border');
+      transition: (color $transition-base, background-color $transition-base);
+
+      &:hover {
+        color: eleVar('pagination', 'hover-color');
+        background: eleVar('pagination', 'hover-bg');
+        border: eleVar('pagination', 'hover-border');
+      }
+    }
+
+    .btn-prev:disabled,
+    .btn-next:disabled,
+    .el-pager li.is-disabled {
+      color: eleVar('pagination', 'disabled-color');
+      background: eleVar('pagination', 'disabled-bg');
+      border: eleVar('pagination', 'disabled-border');
+    }
+
+    .el-pager {
+      margin-left: eleVar('pagination', 'space') !important;
+      margin-right: eleVar('pagination', 'space') !important;
+
+      li {
+        margin: 0;
+
+        & + li {
+          margin-left: eleVar('pagination', 'space');
+        }
+
+        &.is-active {
+          color: eleVar('pagination', 'active-color');
+          background: eleVar('pagination', 'active-bg');
+          border: eleVar('pagination', 'active-border');
+          font-weight: eleVar('pagination', 'active-font-weight');
+
+          &.is-disabled {
+            color: eleVar('pagination', 'disabled-active-color');
+            background: eleVar('pagination', 'disabled-active-bg');
+            border: eleVar('pagination', 'disabled-active-border');
+          }
+        }
+      }
+    }
+
+    .btn-prev {
+      margin-right: 0 !important;
+    }
+
+    /* 图标 */
+    .btn-prev .el-icon,
+    .btn-next .el-icon {
+      font-size: initial;
+      transform: scale(1.02);
+    }
+
+    /* 输入框 */
+    .el-pagination__editor.el-input {
+      width: 50px;
+    }
+
+    .el-pagination__sizes {
+      .el-input,
+      .el-select {
+        width: 96px;
+
+        .el-select__caret {
+          margin-left: 0;
+        }
+      }
+
+      .el-input .el-input__wrapper,
+      .el-select .el-select__wrapper {
+        padding-left: 1px;
+        padding-right: 7px;
+      }
+
+      .el-select__selected-item {
+        text-align: center;
+      }
+    }
+
+    .el-input__inner,
+    .el-select__selected-item > span {
+      font-size: eleVar('pagination', 'sm-font-size');
+    }
+
+    /* 文本 */
+    .el-pagination__total,
+    .el-pagination__goto,
+    .el-pagination__classifier {
+      line-height: eleVar('pagination', 'height');
+    }
+
+    /* 小尺寸 */
+    &.el-pagination--small {
+      & > * {
+        margin: eleVar('pagination', 'sm-gap') !important;
+        margin-left: 0 !important;
+        margin-bottom: 0 !important;
+      }
+
+      & > .is-last {
+        margin-right: 0 !important;
+      }
+
+      .btn-prev,
+      .btn-next,
+      .el-pager li {
+        height: eleVar('pagination', 'sm-height');
+        line-height: eleVar('pagination', 'sm-height');
+        min-width: eleVar('pagination', 'sm-height');
+        padding: eleVar('pagination', 'sm-padding');
+        border-radius: eleVar('pagination', 'sm-radius');
+        font-size: eleVar('pagination', 'sm-font-size');
+      }
+
+      .el-pager {
+        margin-left: eleVar('pagination', 'sm-space') !important;
+        margin-right: eleVar('pagination', 'sm-space') !important;
+
+        li + li {
+          margin-left: eleVar('pagination', 'sm-space');
+        }
+      }
+
+      .btn-prev {
+        margin-right: 0 !important;
+      }
+
+      .btn-prev .el-icon,
+      .btn-next .el-icon {
+        transform: scale(0.88);
+      }
+
+      .el-pagination__editor.el-input {
+        width: 44px;
+      }
+
+      .el-pagination__sizes {
+        .el-input,
+        .el-select {
+          width: 88px;
+
+          .el-select__caret {
+            font-size: 12px;
+          }
+        }
+
+        .el-input .el-input__wrapper,
+        .el-select .el-select__wrapper {
+          padding-right: 6px;
+        }
+      }
+
+      .el-input__inner,
+      .el-select__selected-item > span {
+        font-size: eleVar('pagination', 'sm-font-size');
+      }
+
+      .el-pagination__total,
+      .el-pagination__goto,
+      .el-pagination__classifier {
+        line-height: eleVar('pagination', 'sm-height');
+        font-size: eleVar('pagination', 'sm-font-size');
+      }
+    }
+
+    /* 大尺寸 */
+    &.el-pagination--large {
+      & > * {
+        margin: eleVar('pagination', 'lg-gap') !important;
+        margin-left: 0 !important;
+        margin-bottom: 0 !important;
+      }
+
+      & > .is-last {
+        margin-right: 0 !important;
+      }
+
+      .btn-prev,
+      .btn-next,
+      .el-pager li {
+        height: eleVar('pagination', 'lg-height');
+        line-height: eleVar('pagination', 'lg-height');
+        min-width: eleVar('pagination', 'lg-height');
+        padding: eleVar('pagination', 'lg-padding');
+        border-radius: eleVar('pagination', 'lg-radius');
+        font-size: eleVar('pagination', 'lg-font-size');
+      }
+
+      .el-pager {
+        margin-left: eleVar('pagination', 'lg-space') !important;
+        margin-right: eleVar('pagination', 'lg-space') !important;
+
+        li + li {
+          margin-left: eleVar('pagination', 'lg-space');
+        }
+      }
+
+      .btn-prev {
+        margin-right: 0 !important;
+      }
+
+      .btn-prev .el-icon,
+      .btn-next .el-icon {
+        transform: scale(1.16);
+      }
+
+      .el-pagination__editor.el-input {
+        width: 56px;
+      }
+
+      .el-pagination__sizes {
+        .el-input,
+        .el-select {
+          width: 104px;
+        }
+
+        .el-input .el-input__wrapper,
+        .el-select .el-select__wrapper {
+          padding-right: 8px;
+        }
+      }
+
+      .el-input__inner,
+      .el-select__selected-item > span {
+        font-size: eleVar('pagination', 'lg-font-size');
+      }
+
+      .el-pagination__total,
+      .el-pagination__goto,
+      .el-pagination__classifier {
+        line-height: eleVar('pagination', 'lg-height');
+        font-size: eleVar('pagination', 'lg-font-size');
+      }
+    }
+  }
+
+  /* 无限页数 */
+  &.is-infinite {
+    .el-pager li:not(.is-active),
+    .el-pagination__total {
+      display: none;
+    }
+  }
+}
+
+/* 每页数量选择下拉框 */
+.ele-pagination-popper.el-popper {
+  &.is-fixed {
+    position: fixed !important;
+  }
+}

package/lib/ele-popconfirm/style/index.scss

@@ -0,0 +1,41 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-popconfirm-var($ele);
+
+.ele-popconfirm > .ele-popover-body {
+  padding: eleVar('popconfirm', 'padding');
+}
+
+.ele-popconfirm-main {
+  display: flex;
+}
+
+.ele-popconfirm-icon {
+  flex-shrink: 0;
+  font-size: eleVar('popconfirm', 'icon-font-size');
+  margin: eleVar('popconfirm', 'icon-margin');
+}
+
+.ele-popconfirm-body {
+  flex: 1;
+}
+
+.ele-popconfirm-title {
+  color: eleVar('popconfirm', 'title-color');
+  font-size: eleVar('popconfirm', 'title-font-size');
+  font-weight: eleVar('popconfirm', 'title-font-weight');
+  margin-bottom: eleVar('popconfirm', 'title-margin');
+}
+
+.ele-popconfirm-action {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-top: eleVar('popconfirm', 'action-margin');
+
+  .el-button + .el-button {
+    margin-left: eleVar('popconfirm', 'action-space');
+  }
+}

package/lib/ele-printer/props.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const printerProps = {
+  /** 是否打印 */
+  modelValue: Boolean,
+  /** 页眉样式 */
+  headerStyle: Object,
+  /** 内容样式 */
+  bodyStyle: Object,
+  /** 页脚样式 */
+  footerStyle: Object,
+  /** 标题 */
+  title: String,
+  /** 页间距 */
+  margin: [String, Number],
+  /** 纸张方向 */
+  direction: String,
+  /** 纸张旋转 */
+  orientation: String,
+  /** 打印位置 */
+  target: String,
+  /** 是否显示在文档流中 */
+  static: Boolean,
+  /** 打印方法参数 */
+  options: Object
+};
+const printerEmits = {
+  /** 更新打印状态 */
+  "update:modelValue": (_value) => true,
+  /** 打印完成的事件 */
+  done: () => true
+};
+exports.printerEmits = printerEmits;
+exports.printerProps = printerProps;

package/lib/ele-pro-table/style/index.cjs

@@ -0,0 +1,21 @@
+"use strict";
+require("element-plus/es/components/checkbox/style/index");
+require("element-plus/es/components/icon/style/index");
+require("element-plus/es/components/form/style/index");
+require("element-plus/es/components/form-item/style/index");
+require("element-plus/es/components/input/style/index");
+require("element-plus/es/components/select/style/index");
+require("element-plus/es/components/option/style/index");
+require("element-plus/es/components/button/style/index");
+require("../../ele-tooltip/style/index");
+require("../../ele-dropdown/style/index");
+require("../../ele-tool/style/index");
+require("../../ele-toolbar/style/index");
+require("../../ele-loading/style/index");
+require("../../ele-pagination/style/index");
+require("../../ele-data-table/style/index");
+require("../../ele-virtual-table/style/index");
+require("../../ele-dialog/style/index");
+require("../../ele-printer/style/index");
+require("../../ele-table/style/index");
+require("./index.scss");

package/lib/ele-qr-code-svg/index.cjs

@@ -0,0 +1,126 @@
+"use strict";
+const vue = require("vue");
+const qrcodegen = require("../ele-qr-code/qrcodegen");
+const util = require("../ele-qr-code/util");
+const props = require("../ele-qr-code/props");
+const _sfc_main = vue.defineComponent({
+  name: "EleQrCodeSvg",
+  props: props.qrCodeProps,
+  emits: props.qrCodeEmits,
+  setup(props2, { emit }) {
+    const viewBox = vue.ref("");
+    const path = vue.ref("");
+    const fgPath = vue.ref("");
+    const imageHeight = vue.ref(0);
+    const imageWidth = vue.ref(0);
+    const imageX = vue.ref(0);
+    const imageY = vue.ref(0);
+    const render = () => {
+      const { value, size, level, margin, imageSettings } = props2;
+      if (!value) {
+        viewBox.value = "";
+        return;
+      }
+      let cells = qrcodegen.QrCode.encodeText(
+        value,
+        util.ERROR_LEVEL_MAP[level]
+      ).getModules();
+      const numCells = cells.length + margin * 2;
+      const calculatedImageSettings = util.getImageSettings(
+        imageSettings,
+        size,
+        margin,
+        cells
+      );
+      if (imageSettings != null && calculatedImageSettings != null) {
+        if (calculatedImageSettings.excavation != null) {
+          cells = util.excavateModules(cells, calculatedImageSettings.excavation);
+        }
+        imageHeight.value = calculatedImageSettings.h;
+        imageWidth.value = calculatedImageSettings.w;
+        imageX.value = calculatedImageSettings.x + margin;
+        imageY.value = calculatedImageSettings.y + margin;
+      }
+      viewBox.value = `0 0 ${numCells} ${numCells}`;
+      path.value = `M0,0 h${numCells}v${numCells}H0z`;
+      fgPath.value = util.generatePath(cells, margin);
+      emit("done");
+    };
+    vue.watch(
+      [
+        () => props2.value,
+        () => props2.size,
+        () => props2.level,
+        () => props2.margin
+      ],
+      () => {
+        render();
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      () => props2.imageSettings,
+      () => {
+        render();
+      },
+      { deep: true }
+    );
+    return {
+      viewBox,
+      path,
+      fgPath,
+      imageHeight,
+      imageWidth,
+      imageX,
+      imageY,
+      render
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  class: "ele-qr-code",
+  style: { display: "inline-flex" }
+};
+const _hoisted_2 = ["height", "width", "viewBox"];
+const _hoisted_3 = ["fill", "d"];
+const _hoisted_4 = ["fill", "d"];
+const _hoisted_5 = ["xlink:href", "height", "width", "x", "y"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    _ctx.viewBox ? (vue.openBlock(), vue.createElementBlock("svg", {
+      key: 0,
+      shapeRendering: "crispEdges",
+      height: _ctx.size,
+      width: _ctx.size,
+      viewBox: _ctx.viewBox,
+      style: vue.normalizeStyle(_ctx.customStyle)
+    }, [
+      vue.createElementVNode("path", {
+        fill: _ctx.bgColor,
+        d: _ctx.path
+      }, null, 8, _hoisted_3),
+      vue.createElementVNode("path", {
+        fill: _ctx.fgColor,
+        d: _ctx.fgPath
+      }, null, 8, _hoisted_4),
+      _ctx.imageSettings && _ctx.imageSettings.src ? (vue.openBlock(), vue.createElementBlock("image", {
+        key: 0,
+        "xlink:href": _ctx.imageSettings.src,
+        height: _ctx.imageHeight,
+        width: _ctx.imageWidth,
+        x: _ctx.imageX,
+        y: _ctx.imageY,
+        preserveAspectRatio: "none"
+      }, null, 8, _hoisted_5)) : vue.createCommentVNode("", true)
+    ], 12, _hoisted_2)) : vue.createCommentVNode("", true)
+  ]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/{es/ele-segmented/index.js → lib/ele-segmented/index.cjs}

@@ -1,20 +1,21 @@
-import { defineComponent, ref, computed, resolveComponent, createBlock, openBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode, mergeProps, resolveDynamicComponent, normalizeStyle, toDisplayString } from "vue";
-import { ElTabPane, ElTabs, ElIcon } from "element-plus";
-import { useFormValidate } from "../ele-basic-select/util";
-import { segmentedEmits, segmentedProps } from "./props";
-const _sfc_main = defineComponent({
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const util = require("../ele-basic-select/util");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
   name: "EleSegmented",
-  components: { ElIcon, ElTabs, ElTabPane },
-  props: segmentedProps,
-  emits: segmentedEmits,
-  setup(props, { emit }) {
-    const { validateChange } = useFormValidate();
-    const tabRef = ref(null);
-    const isEmptyActive = computed(() => {
-      return props.modelValue == null || !props.items || !props.items.some((d) => d.value === props.modelValue);
+  components: { ElIcon: elementPlus.ElIcon, ElTabs: elementPlus.ElTabs, ElTabPane: elementPlus.ElTabPane },
+  props: props.segmentedProps,
+  emits: props.segmentedEmits,
+  setup(props2, { emit }) {
+    const { validateChange } = util.useFormValidate();
+    const tabRef = vue.ref(null);
+    const isEmptyActive = vue.computed(() => {
+      return props2.modelValue == null || !props2.items || !props2.items.some((d) => d.value === props2.modelValue);
     });
     const handleUpdateModelValue = (value) => {
-      if (props.modelValue !== value) {
+      if (props2.modelValue !== value) {
         emit("update:modelValue", value);
         validateChange();
         emit("change", value);
@@ -42,9 +43,9 @@ const _sfc_main = defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props) => {
+const _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
+  for (const [key, val] of props2) {
     target[key] = val;
   }
   return target;
@@ -54,14 +55,14 @@ const _hoisted_1 = {
   class: "ele-segmented-item-label"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ElTabPane = resolveComponent("ElTabPane");
-  const _component_ElTabs = resolveComponent("ElTabs");
-  return openBlock(), createBlock(_component_ElTabs, {
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElTabPane = vue.resolveComponent("ElTabPane");
+  const _component_ElTabs = vue.resolveComponent("ElTabs");
+  return vue.openBlock(), vue.createBlock(_component_ElTabs, {
     ref: "tabRef",
     modelValue: _ctx.modelValue,
     stretch: _ctx.block,
-    class: normalizeClass([
+    class: vue.normalizeClass([
       "ele-segmented",
       { "is-block": _ctx.block },
       { "is-large": _ctx.size === "large" },
@@ -72,27 +73,27 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     "onUpdate:modelValue": _ctx.handleUpdateModelValue
   }, {
-    default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index2) => {
-        return openBlock(), createBlock(_component_ElTabPane, {
+    default: vue.withCtx(() => [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index2) => {
+        return vue.openBlock(), vue.createBlock(_component_ElTabPane, {
           key: index2 + "-" + item.value + "-" + item.label,
           name: item.value,
           disabled: _ctx.disabled || item.disabled
         }, {
-          label: withCtx(() => [
-            renderSlot(_ctx.$slots, "label", { item }, () => [
-              item.icon ? (openBlock(), createBlock(_component_ElIcon, mergeProps({
+          label: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "label", { item }, () => [
+              item.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.mergeProps({
                 key: 0,
                 ref_for: true
               }, item.iconProps || {}, { class: "ele-segmented-item-icon" }), {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
-                    style: normalizeStyle(item.iconStyle)
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
+                    style: vue.normalizeStyle(item.iconStyle)
                   }, null, 8, ["style"]))
                 ]),
                 _: 2
-              }, 1040)) : createCommentVNode("", true),
-              item.label ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(item.label), 1)) : createCommentVNode("", true)
+              }, 1040)) : vue.createCommentVNode("", true),
+              item.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(item.label), 1)) : vue.createCommentVNode("", true)
             ])
           ]),
           _: 2
@@ -103,6 +104,4 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["modelValue", "stretch", "class", "onUpdate:modelValue"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};
+module.exports = index;

package/lib/ele-segmented/style/css-var.scss

@@ -0,0 +1,16 @@
+@use '../../style/util.scss' as *;
+
+/* 分段器主题变量 */
+@mixin set-segmented-var($var) {
+  .ele-segmented {
+    @include set-ele-var('segmented', $var);
+  }
+
+  .ele-segmented.is-large {
+    @include set-ele-var('segmented-large', $var);
+  }
+
+  .ele-segmented.is-small {
+    @include set-ele-var('segmented-small', $var);
+  }
+}