agilebuilder-ui 1.1.65-tmp8 → 1.1.65-tmp9

package/lib/workgroup-user-tree-mobile/src/workgroup-user-tree-inline-app.vue.js

@@ -1,135 +0,0 @@
-import { defineComponent as e, ref as l, onMounted as t, resolveComponent as n, openBlock as a, createElementBlock as s, createVNode as o, withCtx as r, createElementVNode as u, createBlock as i, unref as c, isRef as d, createCommentVNode as p, withKeys as m, createTextVNode as f, toDisplayString as h } from "vue";
-import { Search as v, ArrowRight as g, ArrowUpBold as y } from "@element-plus/icons-vue";
-import { getTenant as I, getTenantChildren as k, checkedDeptDefault as U, getUserInWorkgroups as T, loadChildNodes as w } from "./workgroup-user-tree-service.js";
-import { initSelectUsers as R, resizeScrollTargetHeightUtil as b, getUserMainDeptName as x, addSelectedUserInfo as N, packageSelectResult as S } from "../../utils/organization.js";
-import _ from "./dept-path.vue.js";
-import E from "./dept-result.vue.js";
-import { ElMessage as C } from "element-plus";
-import { useI18n as $ } from "vue-i18n";
-import V from "../../utils/utils.js";
-import O from "../../src/assets/nonemessage.png.js";
-const P = { style: { display: "flex" } }, J = { style: { flex: "0 0 20%", "text-align": "left" } }, M = { style: { flex: "0 0 80%", "text-align": "right" } }, j = { class: "item-row" }, H = { key: 0, class: "item-label" }, K = { style: { color: "#999" } }, A = ["onClick"], D = ["onClick"], q = { style: { display: "flex" } }, z = { class: "select-result" }, B = { key: 0 }, F = { key: 1 }, G = { key: 2 }, Z = { key: 3, style: { "padding-left": "10px" } }, L = { key: 1 }, Q = { style: { color: "#999" } }, W = { class: "button-area" }, X = e({ __name: "workgroup-user-tree-inline-app", props: { multiple: {}, branchInfo: {}, selectUserInfo: {}, searchField: {}, separator: {} }, emits: ["close"], setup(e2, { emit: X2 }) {
-  const Y = e2, ee = l(null);
-  let le = l(null), te = l(false), ne = l(null), ae = l([]);
-  l([]);
-  let se = l([]), oe = l([]);
-  l([]);
-  let re = l([]), ue = l([]), ie = l(null), ce = l(false), de = l({ searchValue: null, treeType: "MAN_GROUP_TREE", departmentInfo: null }), pe = l({ disabled: "disable" }), me = l(false);
-  const { t: fe } = $();
-  function he() {
-    V.canShowOrgTree().then((e3) => {
-      e3 ? k(Y.branchInfo, "-1").then((e4) => {
-        ae.value = e4, U(se.value, ue.value);
-      }) : ae.value = [];
-    });
-  }
-  function ve(e3, l2, t2) {
-    Y.multiple && (l2 ? Y.multiple && ye(e3) : (Y.multiple || e3.nodeType && "USER" === e3.nodeType) && Ie(e3));
-  }
-  function ge(e3, l2, t2, n2) {
-    !Y.multiple && e3.nodeType && "USER" === e3.nodeType && (se.value = [e3]);
-  }
-  function ye(e3) {
-    if (e3.nodeType && "USER" === e3.nodeType) {
-      const l2 = se.value.filter((l3) => l3.nodeId === e3.nodeId);
-      l2 && 0 !== l2.length || se.value.push(JSON.parse(JSON.stringify(e3)));
-    } else {
-      const l2 = oe.value.filter((l3) => l3.nodeId === e3.nodeId);
-      l2 && 0 !== l2.length || oe.value.push(JSON.parse(JSON.stringify(e3)));
-    }
-  }
-  function Ie(e3) {
-    if (e3.nodeType && "USER" === e3.nodeType) {
-      const l2 = se.value.findIndex((l3) => l3.nodeId === e3.nodeId);
-      se.value.splice(l2, 1);
-    } else {
-      const l2 = oe.value.findIndex((l3) => l3.nodeId === e3.nodeId);
-      oe.value.splice(l2, 1);
-    }
-    ce.value = false;
-  }
-  function ke(e3) {
-    if (Y.multiple)
-      if (e3) {
-        const e4 = ae.value.map((e5) => e5.nodeId);
-        ee.value.setCheckedKeys(e4, false), ae.value.forEach((e5) => {
-          ye(e5);
-        });
-      } else
-        ae.value.forEach((e4) => {
-          Ie(e4);
-        }), ee.value.setCheckedKeys([], false);
-  }
-  function Ue(e3) {
-    w(Y.branchInfo, e3.id).then((e4) => {
-      ae.value = e4, U(se.value, ue.value);
-    });
-  }
-  function Te(e3, l2) {
-    re.value.push(e3), Ue(e3);
-  }
-  function we(e3, l2, t2) {
-    l2 ? (re.value = [], he()) : (re.value.splice(t2 + 1, re.value.length - (t2 + 1)), Ue(e3));
-  }
-  function Re() {
-    ie.value.showResult();
-  }
-  function be(e3) {
-    const l2 = ae.value.filter((l3) => l3.nodeId === e3.nodeId);
-    if (l2 && l2.length > 0) {
-      const l3 = [];
-      se.value.forEach((t2) => {
-        t2.nodeId !== e3.nodeId && l3.push(t2.nodeId);
-      }), oe.value.forEach((t2) => {
-        t2.nodeId !== e3.nodeId && l3.push(t2.nodeId);
-      }), ee.value.setCheckedKeys(l3, true);
-    }
-    Ie(e3);
-  }
-  function xe() {
-    if (0 !== oe.value.length || 0 !== se.value.length)
-      if (Y.multiple) {
-        const e3 = { userIds: [], userNames: [], loginNames: [], userZhNames: [], userEnNames: [], emails: [], telephones: [], users: [] }, l2 = [];
-        oe.value.forEach((e4) => {
-          l2.push(e4.id);
-        }), se.value.forEach((l3) => {
-          const t2 = JSON.parse(l3.data);
-          N(e3, t2, te.value);
-        }), me.value = true, l2.length > 0 ? T(l2).then((l3) => {
-          l3 && l3.forEach((l4) => {
-            N(e3, l4, te.value);
-          }), me.value = false, e3.userIds.length > 0 ? X2("close", e3) : C({ message: fe("imatrixUIMessage.pleaseSelectPersonnel"), type: "warning" });
-        }).catch(() => {
-          me.value = false;
-        }) : (me.value = false, e3.userIds.length > 0 ? X2("close", e3) : C({ message: fe("imatrixUIMessage.pleaseSelectPersonnel"), type: "warning" }));
-      } else {
-        const e3 = JSON.parse(se.value[0].data), l2 = S(e3, te.value);
-        X2("close", l2);
-      }
-    else
-      C({ message: fe("imatrixUIMessage.pleaseSelectPersonnel"), type: "warning" });
-  }
-  function Ne() {
-    de.value.searchValue ? (de.value.searchValue = de.value.searchValue.trim(), de.value.departmentInfo = Y.branchInfo, window.$vueApp.config.globalProperties.$http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/organization-trees/search-users-mobile", de.value).then((e3) => {
-      e3 ? (0 === e3.length && C({ message: fe("imatrixUIMessage.queryResultIsEmpty"), type: "warning" }), ae.value = e3) : C({ message: fe("imatrixUIMessage.queryResultIsEmpty"), type: "warning" });
-    })) : he();
-  }
-  return t(() => {
-    R(Y.searchField, Y.selectUserInfo, Y.separator).then((e3) => {
-      se.value = e3, I().then((e4) => {
-        const l2 = e4[0].data;
-        le.value = JSON.parse(l2), te.value = e4[0].containBranch, ne.value = e4[0].name, he();
-      });
-    }), function() {
-      const e3 = document.querySelector(".org-tree");
-      let l2 = b();
-      l2 = l2 - 110 - 60 - 60 - 60, e3.style.height = l2 + "px", e3.style.minHeight = "300px";
-    }();
-  }), (e3, l2) => {
-    const t2 = n("el-checkbox"), I2 = n("el-icon"), k2 = n("el-input"), U2 = n("el-col"), T2 = n("el-row"), w2 = n("el-card"), R2 = n("el-empty"), b2 = n("el-tree"), N2 = n("el-button");
-    return a(), s("div", null, [o(w2, { class: "card-content", style: { height: "50px" } }, { default: r(() => [o(T2, { class: "item-row item-row-all" }, { default: r(() => [o(U2, { style: { width: "100%" } }, { default: r(() => [u("div", P, [u("div", J, [e3.multiple ? (a(), i(t2, { key: 0, modelValue: c(ce), "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => d(ce) ? ce.value = e4 : ce = e4), label: e3.$t("departmentTreeInline.allCheck"), value: "all", onChange: ke }, null, 8, ["modelValue", "label"])) : p("", true)]), u("div", M, [o(k2, { modelValue: c(de).searchValue, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => c(de).searchValue = e4), placeholder: e3.$t("departmentUserTree.pleaseEnterUserInformation"), onClear: Ne, onKeyup: m(Ne, ["enter"]), onBlur: Ne, clearable: "" }, { suffix: r(() => [o(I2, { onClick: Ne }, { default: r(() => [o(c(v))]), _: 1 })]), _: 1 }, 8, ["modelValue", "placeholder", "onKeyup"])])])]), _: 1 })]), _: 1 })]), _: 1 }), c(ne) ? (a(), i(w2, { key: 0, class: "card-content" }, { default: r(() => [o(T2, { class: "item-row item-row-all" }, { default: r(() => [o(U2, { class: "item-label dept-path" }, { default: r(() => [o(_, { tenantName: c(ne), clickDepts: c(re), onClickBreadcrumb: we }, null, 8, ["tenantName", "clickDepts"])]), _: 1 })]), _: 1 })]), _: 1 })) : p("", true), o(w2, { class: "card-content org-tree", style: { overflow: "auto" } }, { default: r(() => [c(ae).length ? (a(), i(b2, { key: 1, ref_key: "orgTreeRef", ref: ee, data: c(ae), "show-checkbox": e3.multiple, "node-key": "nodeId", props: c(pe), "default-checked-keys": c(ue), onCheckChange: ve, onNodeClick: ge }, { default: r(({ node: e4, data: l3 }) => [u("div", j, [l3.nodeType && "USER" === l3.nodeType ? (a(), s("div", H, [f(h(l3.showName) + " ", 1), u("span", K, "(" + h(l3.loginName) + h(c(x)(l3) ? "/" + c(x)(l3) : "") + ")", 1)])) : (a(), s("div", { key: 1, class: "item-label", onClick: (e5) => Te(l3) }, h(l3.name), 9, A)), l3.nodeType && "USER" === l3.nodeType ? p("", true) : (a(), s("div", { key: 2, class: "item-side", onClick: (e5) => Te(l3) }, [o(I2, null, { default: r(() => [o(c(g))]), _: 1 })], 8, D))])]), _: 1 }, 8, ["data", "show-checkbox", "props", "default-checked-keys"])) : (a(), i(R2, { key: 0, image: c(O) }, null, 8, ["image"]))]), _: 1 }), o(w2, { class: "card-footer" }, { default: r(() => [u("div", q, [u("div", z, [e3.multiple ? (a(), s("span", { key: 0, onClick: Re }, [c(se).length > 0 && c(oe).length > 0 ? (a(), s("span", B, h(e3.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(e3.$t("departmentUserTree.selectUserResultInfo", { userNum: c(se).length })) + ", " + h(e3.$t("departmentUserTree.selectDeptResultInfo", { deptNum: c(oe).length })), 1)) : c(se).length > 0 ? (a(), s("span", F, h(e3.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(e3.$t("departmentUserTree.selectUserResultInfo", { userNum: c(se).length })), 1)) : c(oe).length > 0 ? (a(), s("span", G, h(e3.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(e3.$t("departmentUserTree.selectDeptResultInfo", { deptNum: c(oe).length })), 1)) : p("", true), c(se).length > 0 || c(oe).length > 0 ? (a(), s("span", Z, [o(I2, null, { default: r(() => [o(c(y))]), _: 1 })])) : p("", true)])) : c(se).length > 0 ? (a(), s("span", L, [f(h(e3.$t("departmentTreeInline.selectResultInfoHasSelect")) + h(c(se)[0].showName), 1), u("span", Q, "(" + h(c(se)[0].loginName) + h(c(x)(c(se)[0]) ? "/" + c(x)(c(se)[0]) : "") + ")", 1)])) : p("", true)]), u("div", W, [o(N2, { size: "large", type: "primary", onClick: xe }, { default: r(() => [f(h(e3.$t("imatrixUIPublicModel.sure")), 1)]), _: 1 })])])]), _: 1 }), o(E, { ref_key: "deptResultRef", ref: ie, selectUsers: c(se).concat(c(oe)), onRemoveResult: be }, null, 8, ["selectUsers"])]);
-  };
-} });
-export {
-  X as default
-};

package/lib/workgroup-user-tree-mobile/src/workgroup-user-tree-inline-app.vue2.js

@@ -1,4 +0,0 @@
-import e from "./workgroup-user-tree-inline-app.vue.js";
-export {
-  e as default
-};

package/lib/workgroup-user-tree-mobile/src/workgroup-user-tree-service.js

@@ -1,29 +0,0 @@
-function o() {
-  return window.$vueApp.config.globalProperties.$http.get(window.$vueApp.config.globalProperties.baseAPI + "/component/organization-trees/departments/0");
-}
-function e(o2, e2) {
-  return n(o2, e2);
-}
-function n(o2, e2) {
-  const n2 = { parentId: e2, departmentInfo: o2 };
-  return new Promise((o3, e3) => {
-    window.$vueApp.config.globalProperties.$http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/organization-trees/workgroup-users", n2).then((e4) => {
-      o3(e4);
-    });
-  });
-}
-function t(o2, e2) {
-  e2 = [], o2.forEach((o3) => {
-    e2.push(o3.nodeId);
-  });
-}
-function r(o2) {
-  return window.$vueApp.config.globalProperties.$http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/organization-trees/user-in-workgroups", o2);
-}
-export {
-  t as checkedDeptDefault,
-  o as getTenant,
-  e as getTenantChildren,
-  r as getUserInWorkgroups,
-  n as loadChildNodes
-};

package/lib/year-range-picker/src/year-range-picker.vue.js

@@ -1,14 +0,0 @@
-import { $emit as e } from "../../utils/gogocodeTransfer.js";
-import { resolveComponent as a, openBlock as l, createElementBlock as t, createVNode as r, createTextVNode as o } from "vue";
-import n from "../../_virtual/_plugin-vue_export-helper.js";
-const u = n({ name: "YearRangePicker", props: { value: { type: Array, default: () => [] } }, data: () => ({ yearStart: "", yearEnd: "" }), methods: { changeStart(a2) {
-  this.value[0] = a2, e(this, "change", this.value);
-}, changeEnd(a2) {
-  this.value[1] = a2, e(this, "change", this.value);
-} }, emits: ["change", "update:value", , "update:value"] }, [["render", function(e2, n2, u2, d, h, s) {
-  const i = a("el-date-picker");
-  return l(), t("div", null, [r(i, { modelValue: u2.value[0], "onUpdate:modelValue": n2[0] || (n2[0] = (e3) => u2.value[0] = e3), style: { width: "47%" }, "value-format": "YYYY", type: "year", placeholder: e2.$t("imatrixUIMessage.selectYear"), onChange: s.changeStart }, null, 8, ["modelValue", "placeholder", "onChange"]), o(" - "), r(i, { modelValue: u2.value[1], "onUpdate:modelValue": n2[1] || (n2[1] = (e3) => u2.value[1] = e3), style: { width: "47%" }, "value-format": "YYYY", type: "year", placeholder: e2.$t("imatrixUIMessage.selectYear"), onChange: s.changeEnd }, null, 8, ["modelValue", "placeholder", "onChange"])]);
-}]]);
-export {
-  u as default
-};

package/packages/IntervalSelection/index.js

@@ -1,6 +0,0 @@
-import SectionDate from './src/sectionDate.vue'
-SectionDate.install = function (Vue) {
-  Vue.component(SectionDate.name, SectionDate)
-}
-
-export default SectionDate

package/packages/IntervalSelection/src/quarterScope.vue

@@ -1,405 +0,0 @@
-<template>
-  <el-popover
-    v-model="pickerVisible"
-    trigger="focus"
-    popper-class="lervor-quarter-popover"
-    :disabled="disabled"
-  >
-    <template v-if="endQuarterDate" v-slot:reference>
-      <el-input
-        ref="reference"
-        class="el-date-editor"
-        readonly
-        :disabled="disabled"
-        :size="size"
-        :placeholder="placeholder"
-        :model-value="endValue"
-        :validate-event="false"
-        style="width: 100%"
-        @mouseenter="handleMouseEnter"
-        @mouseleave="showClose = false"
-      >
-        <template v-slot:prefix>
-          <i class="el-input__icon" :class="triggerClass" />
-        </template>
-        <template v-slot:suffix>
-          <i
-            class="el-input__icon"
-            :class="[showClose ? '' + clearIcon : '']"
-            @click="handleClickIcon"
-            @mousedown="handleMousedownIcon"
-          />
-        </template>
-      </el-input>
-    </template>
-    <template v-else v-slot:reference>
-      <el-input
-        ref="reference"
-        class="el-date-editor"
-        readonly
-        :disabled="disabled"
-        :size="size"
-        :placeholder="placeholder"
-        :model-value="displayValue"
-        :validate-event="false"
-        style="width: 100%"
-        @mouseenter="handleMouseEnter"
-        @mouseleave="showClose = false"
-      >
-        <template v-slot:prefix>
-          <i class="el-input__icon" :class="triggerClass" />
-        </template>
-        <template v-slot:suffix>
-          <i
-            class="el-input__icon"
-            :class="[showClose ? '' + clearIcon : '']"
-            @click="handleClickIcon"
-            @mousedown="handleMousedownIcon"
-          />
-        </template>
-      </el-input>
-    </template>
-    <div class="lervor-quarter-picker">
-      <div class="el-date-picker__header el-date-picker__header--bordered">
-        <button
-          type="button"
-          aria-label="前一年"
-          class="el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left"
-          @click="prevYear"
-        />
-        <span role="button" class="el-date-picker__header-label">{{
-          yearLabel
-        }}</span>
-        <button
-          type="button"
-          aria-label="后一年"
-          class="el-picker-panel__icon-btn el-date-picker__next-btn el-icon-d-arrow-right"
-          @click="nextYear"
-        />
-      </div>
-      <div
-        class="el-picker-panel__content"
-        style="width: 100%; margin: 10px 15px"
-      >
-        <table class="lervor-quarter-table" @click="handleTableClick">
-          <tbody>
-            <tr>
-              <td class="available" :class="getCellStyle(0)">
-                <a class="cell">Q1</a>
-              </td>
-              <td class="available" :class="getCellStyle(1)">
-                <a class="cell">Q2</a>
-              </td>
-            </tr>
-            <tr>
-              <td class="available" :class="getCellStyle(2)">
-                <a class="cell">Q3</a>
-              </td>
-              <td class="available" :class="getCellStyle(3)">
-                <a class="cell">Q4</a>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </el-popover>
-</template>
-
-<script>
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-import {
-  formatDate,
-  prevYear,
-  nextYear,
-  range,
-  nextDate,
-  isDateObject,
-  parseDate,
-} from '../../utils/date-util'
-import { hasClass } from 'element-plus/lib/utils/index'
-
-// 获取指定年份和季度的所有日期
-const datesInYearAndQuarter = (year, quarter) => {
-  const numOfDays = getDayCountOfQuarter(year, quarter)
-  const firstDay = new Date(year, quarter * 3, 1)
-  return range(numOfDays).map((n) => nextDate(firstDay, n))
-}
-
-// 获取指定年份和季度总天数
-const getDayCountOfQuarter = (year, quarter) => {
-  switch (quarter) {
-    case 0: // 第一季度包含二月，需要对是否闰年进行判断处理
-      if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
-        return 91
-      } else {
-        return 90
-      }
-    case 1:
-      return 91
-    default:
-      return 92
-  }
-}
-
-export default {
-  name: 'QuarterPicker',
-  props: {
-    size: {
-      type: String,
-      default: 'medium',
-    },
-    format: String, // 显示在输入框中的格式，引入季度：q（阿拉伯数字）、Q（中文数字）
-    valueFormat: String,
-    placeholder: String,
-    prefixIcon: String,
-    clearIcon: {
-      type: String,
-      default: 'el-icon-circle-close',
-    },
-    disabled: Boolean,
-    clearable: {
-      type: Boolean,
-      default: true,
-    },
-    width: {
-      // 组件宽度
-      type: String,
-      default: '',
-    },
-    disabledDate: {}, // 不可用的日期
-    value: null,
-    endQuarterDate: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      showClose: false,
-      pickerVisible: false,
-      date: new Date(),
-      quarterText: ['一', '二', '三', '四'],
-    }
-  },
-  computed: {
-    triggerClass() {
-      return this.prefixIcon || 'el-icon-date'
-    },
-    displayValue() {
-      if (!this.value) {
-        return null
-      } else if (typeof this.value === 'number') {
-        const num = this.getQuarter(this.value)
-        const yearNum = new Date(this.value).getFullYear()
-        return yearNum + '年Q' + num
-      } else {
-        // 季度，从0开始
-        const quarter = parseInt(this.parsedValue.getMonth() / 3)
-        $emit(this, 'change', this.date)
-        return (
-          new Date(this.parsedValue).getFullYear() +
-          this.$t('IntervalSelection.year') +
-          'Q' +
-          (quarter + 1)
-        )
-      }
-    },
-    endValue() {
-      if (!this.value) {
-        return null
-      } else if (typeof this.value === 'number') {
-        const num = this.getQuarter(this.value)
-        const yearNum = new Date(this.value).getFullYear()
-        return yearNum + this.$t('IntervalSelection.year') + 'Q' + num
-      } else {
-        console.log(this.value)
-        const month = this.date.getMonth() + 1
-        const year = this.date.getFullYear()
-        let addYear = ''
-        if (month == 1) {
-          if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
-            // 是闰年
-            addYear = 90 * 24 * 60 * 60 * 1000
-          } else {
-            // 不是闰年
-            addYear = 89 * 24 * 60 * 60 * 1000
-          }
-        } else if (month == 4) {
-          addYear = 90 * 24 * 60 * 60 * 1000
-        } else if (month == 7) {
-          addYear = 91 * 24 * 60 * 60 * 1000
-        } else {
-          addYear = 91 * 24 * 60 * 60 * 1000
-        }
-        const NewDate = new Date(new Date(this.date).getTime() + addYear)
-        $emit(this, 'change', NewDate)
-        // 季度，从0开始
-        let quarter = ''
-        if (month > 0 && month < 4) {
-          quarter = 1
-        } else if (month > 3 && month < 7) {
-          quarter = 2
-        } else if (month > 6 && month < 10) {
-          quarter = 3
-        } else {
-          quarter = 4
-        }
-        const fDate =
-          NewDate.getFullYear() +
-          this.$t('IntervalSelection.year') +
-          'Q' +
-          quarter
-        return fDate
-      }
-    },
-    year() {
-      return this.date.getFullYear()
-    },
-    yearLabel() {
-      return this.year + this.$t('IntervalSelection.year')
-    },
-    parsedValue() {
-      if (!this.value) {
-        return this.value
-      }
-      if (isDateObject(this.value)) {
-        return this.value
-      }
-      // 非时间格式且设置了valueFormat，进行时间转换
-      if (this.valueFormat) {
-        return parseDate(this.value, this.valueFormat)
-      }
-      // 非时间格式且未设置valueFormat，再尝试转换时间
-      return new Date(this.value)
-    },
-  },
-  watch: {
-    value(value) {
-      this.date = value ? this.parsedValue : new Date()
-    },
-  },
-  methods: {
-    getQuarter(date) {
-      var month = new Date(date).getMonth()
-      if (month < 3) {
-        return 1
-      } else if (month > 2 && month < 6) {
-        return 2
-      } else if (month > 5 && month < 9) {
-        return 3
-      } else if (month > 8 && month < 11) {
-        return 4
-      }
-    },
-    handleMouseEnter() {
-      if (this.disabled) return
-      if (this.value && this.clearable) {
-        this.showClose = true
-      }
-    },
-    handleClickIcon(event) {
-      if (this.disabled) return
-      if (this.showClose) {
-        $emit(this, 'update:value', null)
-        $emit(this, 'change', null)
-        this.showClose = false
-        this.pickerVisible = false
-        this.$refs.reference.blur()
-      }
-    },
-    handleMousedownIcon(event) {
-      // 阻止鼠标按下清空按钮，防止清空数据时季度选择面板闪现
-      event.preventDefault()
-    },
-    handleTableClick(event) {
-      let target = event.target
-      if (target.tagName === 'A') {
-        target = target.parentNode
-      }
-      if (target.tagName !== 'TD') return
-      if (hasClass(target, 'disabled')) return
-      const column = target.cellIndex
-      const row = target.parentNode.rowIndex
-      // 季度，从0开始
-      const quarter = row * 2 + column
-      // 季度开始月份，从0开始
-      const month = quarter * 3
-      let newDate = new Date(this.year, month, 1)
-      if (this.valueFormat) {
-        newDate = formatDate(newDate, this.valueFormat)
-      }
-      this.pickerVisible = false
-      $emit(this, 'update:value', newDate)
-      $emit(this, 'change', newDate)
-    },
-    prevYear() {
-      this.date = prevYear(this.date)
-    },
-    nextYear() {
-      this.date = nextYear(this.date)
-    },
-    getCellStyle(quarter) {
-      const style = {}
-      const today = new Date()
-      const date = this.parsedValue ? this.parsedValue : today
-      style.disabled =
-        typeof this.disabledDate === 'function'
-          ? datesInYearAndQuarter(this.year, quarter).every(this.disabledDate)
-          : false
-      // 当前选中的季度样式
-      style.current =
-        date.getFullYear() === this.year &&
-        parseInt(date.getMonth() / 3) === quarter
-      // 今日所在季度样式
-      style.quarter =
-        today.getFullYear() === this.year &&
-        parseInt(today.getMonth() / 3) === quarter
-      return style
-    },
-  },
-  emits: ['change', 'update:value', , 'update:value'],
-}
-</script>
-
-<style>
-.lervor-quarter-picker {
-  line-height: 30px;
-}
-.lervor-quarter-popover {
-  padding: 0;
-}
-.lervor-quarter-table {
-  font-size: 12px;
-  margin: -1px;
-  border-collapse: collapse;
-  width: 100%;
-}
-.lervor-quarter-table td {
-  text-align: center;
-  padding: 10px 3px;
-  cursor: pointer;
-}
-.lervor-quarter-table td .cell {
-  height: 32px;
-  display: block;
-  line-height: 32px;
-  color: #606266;
-  margin: 0 auto;
-}
-.lervor-quarter-table td .cell:hover {
-  color: #1890ff;
-}
-.lervor-quarter-table td.current:not(.disabled) .cell {
-  color: #409eff;
-}
-.lervor-quarter-table td.quarter .cell {
-  color: #409eff;
-  font-weight: 700;
-}
-.lervor-quarter-table td.disabled .cell {
-  background-color: #f5f7fa;
-  cursor: not-allowed;
-  color: #c0c4cc;
-}
-</style>