vue-devui 1.0.0-rc.7 → 1.0.0

package/pagination/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onUnmounted, withDirectives, createVNode, createTextVNode, resolveDirective, toRefs, watch, resolveComponent, computed, Fragment, mergeProps, nextTick } from "vue";
+import { defineComponent, ref, onMounted, onUnmounted, withDirectives, createVNode, createTextVNode, resolveDirective, toRefs, watch, resolveComponent, computed, Fragment, reactive, getCurrentInstance, mergeProps, nextTick } from "vue";
 const paginationProps = {
   pageSize: {
     type: Number,
@@ -49,12 +49,10 @@ const paginationProps = {
     default: false
   },
   totalItemText: {
-    type: String,
-    default: "\u6240\u6709\u6761\u76EE"
+    type: String
   },
   goToText: {
-    type: String,
-    default: "\u8DF3\u81F3"
+    type: String
   },
   showJumpButton: {
     type: Boolean,
@@ -190,6 +188,29 @@ const clickoutsideDirective = {
     delete el[ctx];
   }
 };
+function createBem(namespace, element, modifier) {
+  let cls = namespace;
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
+  const b = () => createBem(namespace);
+  const e = (element) => element ? createBem(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  return {
+    b,
+    e,
+    m,
+    em
+  };
+}
 var ConfigMenu = defineComponent({
   directives: {
     clickoutside: clickoutsideDirective
@@ -227,22 +248,23 @@ var ConfigMenu = defineComponent({
       isShowConfig,
       $slots
     } = this;
+    const ns = useNamespace("pagination");
     return withDirectives(createVNode("div", {
-      "class": "devui-pagination-config",
+      "class": ns.e("config"),
       "ref": "paginationConfig"
     }, [createVNode("div", {
-      "class": "devui-setup-icon"
+      "class": ns.e("setup-icon")
     }, [createVNode("i", {
       "class": "icon-setting",
       "style": "font-weight: bold;"
     }, null)]), isShowConfig && createVNode("div", {
-      "class": "devui-config-container"
+      "class": ns.e("config-container")
     }, [(_a = $slots.default) == null ? void 0 : _a.call($slots), createVNode("div", {
-      "class": "pagination-config-item"
+      "class": ns.e("config-item")
     }, [createVNode("div", {
       "class": "config-item-title"
     }, [createTextVNode("\u6BCF\u9875\u6761\u6570")]), createVNode("div", {
-      "class": "devui-page-number"
+      "class": ns.e("number")
     }, [pageSizeOptions.map((v) => {
       return createVNode("div", {
         "class": {
@@ -316,25 +338,26 @@ var JumpPage = defineComponent({
       jump,
       showJumpButton
     } = this;
+    const ns = useNamespace("pagination");
     const inputProps = {
-      class: ["devui-pagination-input", size ? "devui-pagination-input-" + size : ""],
+      class: [ns.e("input"), size ? ns.em("input", size) : ""],
       size,
       modelValue: String(inputNum),
       "onUpdate:modelValue": jumpPageChange,
       onKeydown: jump
     };
     return createVNode("div", {
-      "class": "devui-jump-container"
+      "class": ns.e("jump-container")
     }, [
       goToText,
       createVNode(resolveComponent("d-input"), inputProps, null),
       goToText === "\u8DF3\u81F3" && "\u9875",
       showJumpButton && createVNode("div", {
-        "class": ["devui-jump-button", size ? "devui-jump-size-" + size : "devui-jump-size-default"],
+        "class": [ns.e("jump-button"), size ? ns.em("jump-size", size) : ns.em("jump-size", "default")],
         "onClick": jump.bind(null, "btn"),
         "title": goToText
       }, [createVNode("div", {
-        "class": "devui-pagination-go"
+        "class": ns.e("go")
       }, null)])
     ]);
   }
@@ -400,32 +423,33 @@ var PageNumBtn = defineComponent({
       nextChange,
       showTruePageIndex
     } = this;
+    const ns = useNamespace("pagination");
     return createVNode("ul", {
-      "class": ["devui-pagination-list", size ? "devui-pagination-" + size : ""]
+      "class": [ns.e("list"), size ? ns.m(size) : ""]
     }, [createVNode("li", {
       "onClick": prevChange.bind(null, -1),
       "class": {
-        "devui-pagination-item": true,
+        [ns.e("item")]: true,
         disabled: cursor <= 1
       }
     }, [createVNode("a", {
       "innerHTML": preLink,
-      "class": "devui-pagination-link"
+      "class": ns.e("link")
     }, null)]), !lite && createVNode(Fragment, null, [
       createVNode("li", {
         "onClick": changeCursor.bind(null, 1),
         "class": {
-          "devui-pagination-item": true,
+          [ns.e("item")]: true,
           active: cursor === 1
         }
       }, [createVNode("a", {
-        "class": "devui-pagination-link"
+        "class": ns.e("link")
       }, [createTextVNode("1")])]),
       showPageNum[0] > 2 && createVNode("li", {
         "onClick": prevChange.bind(null, showPageNum[0] - 1),
-        "class": "devui-pagination-item"
+        "class": ns.e("item")
       }, [createVNode("a", {
-        "class": "devui-pagination-link"
+        "class": ns.e("link")
       }, [createTextVNode("...")])]),
       (() => {
         const list = [];
@@ -434,51 +458,219 @@ var PageNumBtn = defineComponent({
             "onClick": changeCursor.bind(null, i),
             "key": i,
             "class": {
-              "devui-pagination-item": true,
+              [ns.e("item")]: true,
               active: cursor === i
             }
           }, [createVNode("a", {
-            "class": "devui-pagination-link"
+            "class": ns.e("link")
           }, [i])]));
         }
         return list;
       })(),
       showPageNum[1] < totalPages - 1 && createVNode("li", {
         "onClick": nextChange.bind(null, showPageNum[1] + 1),
-        "class": "devui-pagination-item"
+        "class": ns.e("item")
       }, [createVNode("a", {
-        "class": "devui-pagination-link"
+        "class": ns.e("link")
       }, [createTextVNode("...")])]),
       showPageNum[1] < totalPages && createVNode("li", {
         "onClick": changeCursor.bind(null, totalPages),
         "class": {
-          "devui-pagination-item": true,
+          [ns.e("item")]: true,
           active: cursor === totalPages
         }
       }, [createVNode("a", {
-        "class": "devui-pagination-link"
+        "class": ns.e("link")
       }, [totalPages])]),
       showTruePageIndex && cursor > totalPages && totalPages > 0 && createVNode(Fragment, null, [cursor > totalPages + 1 && createVNode("li", {
-        "class": "devui-pagination-item disabled"
+        "class": [ns.e("item"), "disabled"]
       }, [createVNode("a", {
-        "class": "devui-pagination-link"
+        "class": ns.e("link")
       }, [createTextVNode("...")])]), createVNode("li", {
-        "class": "devui-pagination-item disabled active"
+        "class": [ns.e("item"), "disabled", "active"]
       }, [createVNode("a", {
-        "class": "devui-pagination-link"
+        "class": ns.e("link")
       }, [cursor])])])
     ]), createVNode("li", {
       "onClick": nextChange.bind(null, -1),
       "class": {
-        "devui-pagination-item": true,
+        [ns.e("item")]: true,
         disabled: cursor >= totalPages
       }
     }, [createVNode("a", {
       "innerHTML": nextLink,
-      "class": "devui-pagination-link"
+      "class": ns.e("link")
     }, null)])]);
   }
 });
+function deepAssign(...objects) {
+  const isObject = (obj) => obj && typeof obj === "object";
+  return objects.reduce((prev, from) => {
+    Object.keys(from).forEach((key) => {
+      const pVal = prev[key];
+      const oVal = from[key];
+      if (Array.isArray(pVal) && Array.isArray(oVal)) {
+        prev[key] = Array.from(/* @__PURE__ */ new Set([...oVal, ...pVal]));
+      } else if (isObject(pVal) && isObject(oVal)) {
+        prev[key] = deepAssign(pVal, oVal);
+      } else {
+        prev[key] = oVal;
+      }
+    });
+    return prev;
+  }, {});
+}
+var zhCN = {
+  pagination: {
+    totalItemText: "\u6240\u6709\u6761\u76EE",
+    goToText: "\u8DF3\u81F3"
+  },
+  accordion: {
+    loading: "\u52A0\u8F7D\u4E2D",
+    noData: "\u6CA1\u6709\u6570\u636E"
+  },
+  autoCompleteDropdown: {
+    latestInput: "\u6700\u8FD1\u8F93\u5165"
+  },
+  cascaderList: {
+    noData: "\u6CA1\u6709\u6570\u636E"
+  },
+  colorPicker: {
+    foundationPanel: "\u57FA\u7840\u9762\u677F",
+    advancedPanel: "\u9AD8\u7EA7\u9762\u677F"
+  },
+  datePickerPro: {
+    ok: "\u786E\u5B9A",
+    placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
+    month1: "1\u6708",
+    month2: "2\u6708",
+    month3: "3\u6708",
+    month4: "4\u6708",
+    month5: "5\u6708",
+    month6: "6\u6708",
+    month7: "7\u6708",
+    month8: "8\u6708",
+    month9: "9\u6708",
+    month10: "10\u6708",
+    month11: "11\u6708",
+    month12: "12\u6708",
+    year: "\u5E74",
+    startPlaceholder: "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",
+    endPlaceholder: "\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",
+    getWeekDays() {
+      return ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
+    },
+    getTimeArr() {
+      return ["\u65F6", "\u5206", "\u79D2"];
+    },
+    getYearMonthStr(year, month) {
+      return `${year}\u5E74${month}\u6708`;
+    }
+  },
+  editableSelect: {
+    noRelatedRecords: "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",
+    noData: "\u6CA1\u6709\u6570\u636E"
+  },
+  input: {
+    placeholder: "\u8BF7\u8F93\u5165"
+  },
+  splitterBar: {
+    collapse: "\u6536\u8D77",
+    expand: "\u5C55\u5F00"
+  },
+  stepsGuide: {
+    previous: "\u4E0A\u4E00\u6B65",
+    continue: "\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",
+    ok: "\u6211\u77E5\u9053\u5566"
+  },
+  table: {
+    selectAll: "\u5168\u9009",
+    ok: "\u786E\u5B9A"
+  },
+  timePopup: {
+    ok: "\u786E\u5B9A"
+  },
+  transfer: {
+    unit: "\u9879",
+    panelUnit: "\u9879",
+    headerUnit: "\u9879",
+    noData: "\u6682\u65E0\u6570\u636E",
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"
+  },
+  tree: {
+    loading: "\u52A0\u8F7D\u4E2D",
+    newNode: "\u65B0\u8282\u70B9",
+    selectPlaceholder: "\u8BF7\u9009\u62E9"
+  },
+  upload: {
+    placeholder: "\u9009\u62E9\u6587\u4EF6",
+    getExistSameNameFilesMsg(sameNames) {
+      return `\u60A8\u4E0A\u4F20\u7684 "${sameNames}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
+    },
+    getAllFilesBeyondMaximalFileSizeMsg(maximalSize) {
+      return `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
+    },
+    getBeyondMaximalFileSizeMsg(filename, maximalSize) {
+      return `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
+    },
+    getNotAllowedFileTypeMsg(filename, scope) {
+      return `\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${scope}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
+    }
+  },
+  search: {
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57"
+  },
+  select: {
+    placeholder: "\u8BF7\u9009\u62E9",
+    noDataText: "\u65E0\u6570\u636E",
+    noMatchText: "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",
+    loadingText: "\u52A0\u8F7D\u4E2D..."
+  },
+  tagInput: {
+    maxTagsText: "\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"
+  },
+  timeSelect: {
+    placeholder: "\u8BF7\u9009\u62E9\u65F6\u95F4"
+  }
+};
+const lang = ref("zh-CN");
+let langMessages = reactive({
+  [lang.value]: zhCN
+});
+const Locale = {
+  messages() {
+    return langMessages[lang.value];
+  },
+  lang() {
+    return lang.value;
+  },
+  use(newLang, newMessages) {
+    lang.value = newLang;
+    this.add({ [newLang]: newMessages });
+  },
+  add(newMessages = {}) {
+    langMessages = deepAssign(langMessages, newMessages);
+  }
+};
+const camelize = (name) => name.substring(1).replace(/^\S/, (s) => s.toLocaleLowerCase());
+function get(object, path) {
+  const keys = path.split(".");
+  let result = object;
+  keys.forEach((key) => {
+    var _a;
+    result = (_a = result[key]) != null ? _a : "";
+  });
+  return result;
+}
+function createI18nTranslate(name, app, newPrefix) {
+  const prefix = newPrefix || camelize(name) + ".";
+  return (path) => {
+    var _a;
+    const messages = ((_a = app == null ? void 0 : app.appContext.config.globalProperties.langMessages) == null ? void 0 : _a.value) || Locale.messages();
+    const message = get(messages, prefix + path) || get(messages, path);
+    return message;
+  };
+}
 var pagination = "";
 var Pagination = defineComponent({
   name: "DPagination",
@@ -493,6 +685,8 @@ var Pagination = defineComponent({
     emit,
     slots
   }) {
+    const app = getCurrentInstance();
+    const t = createI18nTranslate("DPagination", app);
     const {
       autoHide,
       pageSizeOptions,
@@ -514,6 +708,7 @@ var Pagination = defineComponent({
       showJumpButton,
       haveConfigMenu
     } = toRefs(props);
+    const ns = useNamespace("pagination");
     const totalPages = computed(() => Math.ceil(props.total / props.pageSize));
     const litePageOptions = computed(() => liteSelectOptions(totalPages.value));
     const cursor = computed({
@@ -556,10 +751,10 @@ var Pagination = defineComponent({
     };
     return () => {
       return autoHide.value && Math.min(...pageSizeOptions.value) > total.value ? null : createVNode("div", {
-        "class": "devui-pagination"
+        "class": ns.b()
       }, [
         canChangePageSize.value && !lite.value && createVNode("div", {
-          "class": ["devui-page-size", size.value ? "devui-page-size-" + size.value : ""]
+          "class": [ns.e("size"), size.value ? ns.em("size", size.value) : ""]
         }, [createVNode(resolveComponent("d-select"), {
           "options": pageSizeOptions.value,
           "modelValue": currentPageSize.value,
@@ -567,10 +762,10 @@ var Pagination = defineComponent({
           "pageSizeDirection": pageSizeDirection.value
         }, null)]),
         (!lite.value || lite.value && showPageSelector.value) && canViewTotal.value && createVNode("div", {
-          "class": "devui-total-size"
-        }, [totalItemText.value, createTextVNode(": "), total.value]),
+          "class": ns.e("total-size")
+        }, [totalItemText.value || t("totalItemText"), createTextVNode(": "), total.value]),
         lite.value && showPageSelector.value && createVNode("div", {
-          "class": "devui-page-size"
+          "class": ns.e("size")
         }, [createVNode(resolveComponent("d-select"), {
           "options": litePageOptions.value,
           "disabled": total.value === 0,
@@ -591,7 +786,7 @@ var Pagination = defineComponent({
           "onChangeCursorEmit": changeCursorEmit
         }), null),
         canJumpPage.value && !lite.value && createVNode(resolveComponent("jump-page"), mergeProps({
-          goToText: goToText.value,
+          goToText: goToText.value || t("goToText"),
           size: size.value,
           pageIndex: pageIndex.value,
           totalPages: totalPages.value,

package/pagination/index.umd.js

@@ -1 +1 @@
-(function(g,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(g=typeof globalThis!="undefined"?globalThis:g||self,e(g.index={},g.Vue))})(this,function(g,e){"use strict";const k={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String,default:"\u6240\u6709\u6761\u76EE"},goToText:{type:String,default:"\u8DF3\u81F3"},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}},B=(t,a,n)=>{const r=t,u=a;if(u>=n)return[2,n];const o=u-2;let i=r-(o>>1),l=r+(o-1>>1);return i<2&&(i=2,l=u-2),l>n&&(i=n-u+3,l=n),[i,l]};function I(t){return new Array(t||1).fill(0).map((a,n)=>({name:`${n+1}/${t}`,value:n+1}))}function V(t,a,n){document.addEventListener?t&&a&&n&&t.addEventListener(a,n,!1):t&&a&&n&&t.attachEvent("on"+a,n)}function E(t,a,n){document.removeEventListener?t&&a&&n&&t.removeEventListener(a,n,!1):t&&a&&n&&t.detachEvent("on"+a,n)}const F=typeof window!="undefined",p=Symbol("@@clickoutside"),P=new Map;let z,x=0,b=!0;function T(t,a,n){return F&&b&&(b=!1,V(document,"mousedown",r=>{z=r}),V(document,"mouseup",r=>{for(const[u,o]of P)o[p].documentHandler(r,z)})),function(r,u){!n||!a.instance||!r.target||!u.target||t.contains(r.target)||t.contains(u.target)||t===r.target||t[p].bindingFn&&t[p].bindingFn()}}const L={beforeMount:function(t,a,n){x++,P.set(x,t),t[p]={nid:x,documentHandler:T(t,a,n),bindingFn:a.value}},updated:function(t,a,n){t[p].documentHandler=T(t,a,n),t[p].bindingFn=a.value},unmounted:function(t){P.delete(t[p].nid),delete t[p]}};var j=e.defineComponent({directives:{clickoutside:L},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const t=e.ref(null),a=e.ref(!1),n=r=>{a.value=a.value?!1:!!r};return e.onMounted(()=>{V(t.value,"click",n)}),e.onUnmounted(()=>{E(t.value,"click",n)}),{paginationConfig:t,isShowConfig:a,closeConfigMenu:n}},render(){var i;const{closeConfigMenu:t,currentPageSize:a,pageSizeChange:n,pageSizeOptions:r,isShowConfig:u,$slots:o}=this;return e.withDirectives(e.createVNode("div",{class:"devui-pagination-config",ref:"paginationConfig"},[e.createVNode("div",{class:"devui-setup-icon"},[e.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),u&&e.createVNode("div",{class:"devui-config-container"},[(i=o.default)==null?void 0:i.call(o),e.createVNode("div",{class:"pagination-config-item"},[e.createVNode("div",{class:"config-item-title"},[e.createTextVNode("\u6BCF\u9875\u6761\u6570")]),e.createVNode("div",{class:"devui-page-number"},[r.map(l=>e.createVNode("div",{class:{choosed:l===a},key:l,onClick:n.bind(null,{value:l})},[l]))])])])]),[[e.resolveDirective("clickoutside"),t]])}});const M={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var D=e.defineComponent({props:M,emits:["changeCursorEmit"],setup(t,{emit:a}){const{pageIndex:n,totalPages:r,cursor:u}=e.toRefs(t),o=e.ref(n==null?void 0:n.value);e.watch(()=>n==null?void 0:n.value,c=>{o.value=c});let i=n==null?void 0:n.value;return{inputNum:o,jumpPageChange:c=>{i=+c,o.value=c,isNaN(c)&&setTimeout(()=>{o.value=n==null?void 0:n.value},300)},jump:c=>{i>(r==null?void 0:r.value)||(c==="btn"||c.key==="Enter")&&(u==null?void 0:u.value)!==i&&a("changeCursorEmit",i)}}},render(){const{goToText:t,size:a,inputNum:n,jumpPageChange:r,jump:u,showJumpButton:o}=this,i={class:["devui-pagination-input",a?"devui-pagination-input-"+a:""],size:a,modelValue:String(n),"onUpdate:modelValue":r,onKeydown:u};return e.createVNode("div",{class:"devui-jump-container"},[t,e.createVNode(e.resolveComponent("d-input"),i,null),t==="\u8DF3\u81F3"&&"\u9875",o&&e.createVNode("div",{class:["devui-jump-button",a?"devui-jump-size-"+a:"devui-jump-size-default"],onClick:u.bind(null,"btn"),title:t},[e.createVNode("div",{class:"devui-pagination-go"},null)])])}});const H={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var J=e.defineComponent({props:H,emits:["changeCursorEmit"],setup(t,{emit:a}){return{showPageNum:e.computed(()=>B(t.cursor,t.maxItems,t.totalPages)),changeCursor:i=>{if(isNaN(i))return;const l=i<1?1:i>t.totalPages?t.totalPages:i|0;a("changeCursorEmit",l)},prevChange:i=>{if(t.cursor>1){const l=i===-1?t.cursor-1:i;a("changeCursorEmit",l)}},nextChange:i=>{if(t.cursor<t.totalPages){const l=i===-1?t.cursor+1:i;a("changeCursorEmit",l)}}}},render(){const{size:t,preLink:a,nextLink:n,lite:r,changeCursor:u,cursor:o,showPageNum:i,prevChange:l,totalPages:s,nextChange:c,showTruePageIndex:v}=this;return e.createVNode("ul",{class:["devui-pagination-list",t?"devui-pagination-"+t:""]},[e.createVNode("li",{onClick:l.bind(null,-1),class:{"devui-pagination-item":!0,disabled:o<=1}},[e.createVNode("a",{innerHTML:a,class:"devui-pagination-link"},null)]),!r&&e.createVNode(e.Fragment,null,[e.createVNode("li",{onClick:u.bind(null,1),class:{"devui-pagination-item":!0,active:o===1}},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("1")])]),i[0]>2&&e.createVNode("li",{onClick:l.bind(null,i[0]-1),class:"devui-pagination-item"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),(()=>{const h=[];for(let f=i[0];f<=i[1];f++)h.push(e.createVNode("li",{onClick:u.bind(null,f),key:f,class:{"devui-pagination-item":!0,active:o===f}},[e.createVNode("a",{class:"devui-pagination-link"},[f])]));return h})(),i[1]<s-1&&e.createVNode("li",{onClick:c.bind(null,i[1]+1),class:"devui-pagination-item"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),i[1]<s&&e.createVNode("li",{onClick:u.bind(null,s),class:{"devui-pagination-item":!0,active:o===s}},[e.createVNode("a",{class:"devui-pagination-link"},[s])]),v&&o>s&&s>0&&e.createVNode(e.Fragment,null,[o>s+1&&e.createVNode("li",{class:"devui-pagination-item disabled"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),e.createVNode("li",{class:"devui-pagination-item disabled active"},[e.createVNode("a",{class:"devui-pagination-link"},[o])])])]),e.createVNode("li",{onClick:c.bind(null,-1),class:{"devui-pagination-item":!0,disabled:o>=s}},[e.createVNode("a",{innerHTML:n,class:"devui-pagination-link"},null)])])}}),Y="",S=e.defineComponent({name:"DPagination",components:{ConfigMenu:j,JumpPage:D,PageNumBtn:J},props:k,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(t,{emit:a,slots:n}){const{autoHide:r,pageSizeOptions:u,total:o,canChangePageSize:i,lite:l,size:s,pageSizeDirection:c,showPageSelector:v,canViewTotal:h,totalItemText:f,maxItems:A,preLink:U,nextLink:R,showTruePageIndex:_,canJumpPage:q,goToText:K,pageIndex:$,showJumpButton:G,haveConfigMenu:Q}=e.toRefs(t),m=e.computed(()=>Math.ceil(t.total/t.pageSize)),W=e.computed(()=>I(m.value)),C=e.computed({get(){return!t.showTruePageIndex&&t.pageIndex>m.value?(a("update:pageIndex",m.value||1),m.value||1):t.pageIndex||1},set(d){a("update:pageIndex",d)}}),y=e.computed({get(){return t.pageSize},set(d){a("update:pageSize",d)}}),N=d=>{C.value=d,a("pageIndexChange",d)},w=d=>{y.value=d.value,t.autoFixPageIndex&&e.nextTick(()=>{C.value>m.value&&N(m.value)}),a("pageSizeChange",d.value)},X=d=>{N(d.value)};return()=>r.value&&Math.min(...u.value)>o.value?null:e.createVNode("div",{class:"devui-pagination"},[i.value&&!l.value&&e.createVNode("div",{class:["devui-page-size",s.value?"devui-page-size-"+s.value:""]},[e.createVNode(e.resolveComponent("d-select"),{options:u.value,modelValue:y.value,onValueChange:w,pageSizeDirection:c.value},null)]),(!l.value||l.value&&v.value)&&h.value&&e.createVNode("div",{class:"devui-total-size"},[f.value,e.createTextVNode(": "),o.value]),l.value&&v.value&&e.createVNode("div",{class:"devui-page-size"},[e.createVNode(e.resolveComponent("d-select"),{options:W.value,disabled:o.value===0,modelValue:C.value,onValueChange:X,pageSizeDirection:c.value},null)]),e.createVNode(e.resolveComponent("page-num-btn"),e.mergeProps({cursor:C.value,totalPages:m.value,size:s.value,lite:l.value,maxItems:A.value,preLink:U.value,nextLink:R.value,showTruePageIndex:_.value},{onChangeCursorEmit:N}),null),q.value&&!l.value&&e.createVNode(e.resolveComponent("jump-page"),e.mergeProps({goToText:K.value,size:s.value,pageIndex:$.value,totalPages:m.value,cursor:C.value,showJumpButton:G.value},{onChangeCursorEmit:N}),null),l.value&&Q.value&&e.createVNode(e.resolveComponent("config-menu"),{currentPageSize:y.value,pageSizeChange:w,pageSizeOptions:u.value},{default:()=>{var d;return[(d=n.default)==null?void 0:d.call(n)]}})])}}),O={title:"Pagination \u5206\u9875",category:"\u5BFC\u822A",status:"100%",install(t){t.component(S.name,S)}};g.Pagination=S,g.default=O,g.paginationProps=k,Object.defineProperty(g,"__esModule",{value:!0}),g[Symbol.toStringTag]="Module"});
+(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.index={},p.Vue))})(this,function(p,t){"use strict";const k={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String},goToText:{type:String},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}},j=(e,n,u)=>{const o=e,l=n;if(l>=u)return[2,u];const i=l-2;let a=o-(i>>1),s=o+(i-1>>1);return a<2&&(a=2,s=l-2),s>u&&(a=u-l+3,s=u),[a,s]};function $(e){return new Array(e||1).fill(0).map((n,u)=>({name:`${u+1}/${e}`,value:u+1}))}function y(e,n,u){document.addEventListener?e&&n&&u&&e.addEventListener(n,u,!1):e&&n&&u&&e.attachEvent("on"+n,u)}function O(e,n,u){document.removeEventListener?e&&n&&u&&e.removeEventListener(n,u,!1):e&&n&&u&&e.detachEvent("on"+n,u)}const H=typeof window!="undefined",m=Symbol("@@clickoutside"),S=new Map;let A,T=0,v=!0;function w(e,n,u){return H&&v&&(v=!1,y(document,"mousedown",o=>{A=o}),y(document,"mouseup",o=>{for(const[l,i]of S)i[m].documentHandler(o,A)})),function(o,l){!u||!n.instance||!o.target||!l.target||e.contains(o.target)||e.contains(l.target)||e===o.target||e[m].bindingFn&&e[m].bindingFn()}}const J={beforeMount:function(e,n,u){T++,S.set(T,e),e[m]={nid:T,documentHandler:w(e,n,u),bindingFn:n.value}},updated:function(e,n,u){e[m].documentHandler=w(e,n,u),e[m].bindingFn=n.value},unmounted:function(e){S.delete(e[m].nid),delete e[m]}};function P(e,n,u){let o=e;return n&&(o+=`__${n}`),u&&(o+=`--${u}`),o}function B(e,n=!1){const u=n?`.devui-${e}`:`devui-${e}`;return{b:()=>P(u),e:s=>s?P(u,s):"",m:s=>s?P(u,"",s):"",em:(s,c)=>s&&c?P(u,s,c):""}}var U=t.defineComponent({directives:{clickoutside:J},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const e=t.ref(null),n=t.ref(!1),u=o=>{n.value=n.value?!1:!!o};return t.onMounted(()=>{y(e.value,"click",u)}),t.onUnmounted(()=>{O(e.value,"click",u)}),{paginationConfig:e,isShowConfig:n,closeConfigMenu:u}},render(){var s;const{closeConfigMenu:e,currentPageSize:n,pageSizeChange:u,pageSizeOptions:o,isShowConfig:l,$slots:i}=this,a=B("pagination");return t.withDirectives(t.createVNode("div",{class:a.e("config"),ref:"paginationConfig"},[t.createVNode("div",{class:a.e("setup-icon")},[t.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),l&&t.createVNode("div",{class:a.e("config-container")},[(s=i.default)==null?void 0:s.call(i),t.createVNode("div",{class:a.e("config-item")},[t.createVNode("div",{class:"config-item-title"},[t.createTextVNode("\u6BCF\u9875\u6761\u6570")]),t.createVNode("div",{class:a.e("number")},[o.map(c=>t.createVNode("div",{class:{choosed:c===n},key:c,onClick:u.bind(null,{value:c})},[c]))])])])]),[[t.resolveDirective("clickoutside"),e]])}});const R={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var _=t.defineComponent({props:R,emits:["changeCursorEmit"],setup(e,{emit:n}){const{pageIndex:u,totalPages:o,cursor:l}=t.toRefs(e),i=t.ref(u==null?void 0:u.value);t.watch(()=>u==null?void 0:u.value,d=>{i.value=d});let a=u==null?void 0:u.value;return{inputNum:i,jumpPageChange:d=>{a=+d,i.value=d,isNaN(d)&&setTimeout(()=>{i.value=u==null?void 0:u.value},300)},jump:d=>{a>(o==null?void 0:o.value)||(d==="btn"||d.key==="Enter")&&(l==null?void 0:l.value)!==a&&n("changeCursorEmit",a)}}},render(){const{goToText:e,size:n,inputNum:u,jumpPageChange:o,jump:l,showJumpButton:i}=this,a=B("pagination"),s={class:[a.e("input"),n?a.em("input",n):""],size:n,modelValue:String(u),"onUpdate:modelValue":o,onKeydown:l};return t.createVNode("div",{class:a.e("jump-container")},[e,t.createVNode(t.resolveComponent("d-input"),s,null),e==="\u8DF3\u81F3"&&"\u9875",i&&t.createVNode("div",{class:[a.e("jump-button"),n?a.em("jump-size",n):a.em("jump-size","default")],onClick:l.bind(null,"btn"),title:e},[t.createVNode("div",{class:a.e("go")},null)])])}});const q={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var G=t.defineComponent({props:q,emits:["changeCursorEmit"],setup(e,{emit:n}){return{showPageNum:t.computed(()=>j(e.cursor,e.maxItems,e.totalPages)),changeCursor:a=>{if(isNaN(a))return;const s=a<1?1:a>e.totalPages?e.totalPages:a|0;n("changeCursorEmit",s)},prevChange:a=>{if(e.cursor>1){const s=a===-1?e.cursor-1:a;n("changeCursorEmit",s)}},nextChange:a=>{if(e.cursor<e.totalPages){const s=a===-1?e.cursor+1:a;n("changeCursorEmit",s)}}}},render(){const{size:e,preLink:n,nextLink:u,lite:o,changeCursor:l,cursor:i,showPageNum:a,prevChange:s,totalPages:c,nextChange:d,showTruePageIndex:h}=this,r=B("pagination");return t.createVNode("ul",{class:[r.e("list"),e?r.m(e):""]},[t.createVNode("li",{onClick:s.bind(null,-1),class:{[r.e("item")]:!0,disabled:i<=1}},[t.createVNode("a",{innerHTML:n,class:r.e("link")},null)]),!o&&t.createVNode(t.Fragment,null,[t.createVNode("li",{onClick:l.bind(null,1),class:{[r.e("item")]:!0,active:i===1}},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("1")])]),a[0]>2&&t.createVNode("li",{onClick:s.bind(null,a[0]-1),class:r.e("item")},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),(()=>{const C=[];for(let f=a[0];f<=a[1];f++)C.push(t.createVNode("li",{onClick:l.bind(null,f),key:f,class:{[r.e("item")]:!0,active:i===f}},[t.createVNode("a",{class:r.e("link")},[f])]));return C})(),a[1]<c-1&&t.createVNode("li",{onClick:d.bind(null,a[1]+1),class:r.e("item")},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),a[1]<c&&t.createVNode("li",{onClick:l.bind(null,c),class:{[r.e("item")]:!0,active:i===c}},[t.createVNode("a",{class:r.e("link")},[c])]),h&&i>c&&c>0&&t.createVNode(t.Fragment,null,[i>c+1&&t.createVNode("li",{class:[r.e("item"),"disabled"]},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),t.createVNode("li",{class:[r.e("item"),"disabled","active"]},[t.createVNode("a",{class:r.e("link")},[i])])])]),t.createVNode("li",{onClick:d.bind(null,-1),class:{[r.e("item")]:!0,disabled:i>=c}},[t.createVNode("a",{innerHTML:u,class:r.e("link")},null)])])}});function I(...e){const n=u=>u&&typeof u=="object";return e.reduce((u,o)=>(Object.keys(o).forEach(l=>{const i=u[l],a=o[l];Array.isArray(i)&&Array.isArray(a)?u[l]=Array.from(new Set([...a,...i])):n(i)&&n(a)?u[l]=I(i,a):u[l]=a}),u),{})}var K={pagination:{totalItemText:"\u6240\u6709\u6761\u76EE",goToText:"\u8DF3\u81F3"},accordion:{loading:"\u52A0\u8F7D\u4E2D",noData:"\u6CA1\u6709\u6570\u636E"},autoCompleteDropdown:{latestInput:"\u6700\u8FD1\u8F93\u5165"},cascaderList:{noData:"\u6CA1\u6709\u6570\u636E"},colorPicker:{foundationPanel:"\u57FA\u7840\u9762\u677F",advancedPanel:"\u9AD8\u7EA7\u9762\u677F"},datePickerPro:{ok:"\u786E\u5B9A",placeholder:"\u8BF7\u9009\u62E9\u65E5\u671F",month1:"1\u6708",month2:"2\u6708",month3:"3\u6708",month4:"4\u6708",month5:"5\u6708",month6:"6\u6708",month7:"7\u6708",month8:"8\u6708",month9:"9\u6708",month10:"10\u6708",month11:"11\u6708",month12:"12\u6708",year:"\u5E74",startPlaceholder:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",endPlaceholder:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",getWeekDays(){return["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"]},getTimeArr(){return["\u65F6","\u5206","\u79D2"]},getYearMonthStr(e,n){return`${e}\u5E74${n}\u6708`}},editableSelect:{noRelatedRecords:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",noData:"\u6CA1\u6709\u6570\u636E"},input:{placeholder:"\u8BF7\u8F93\u5165"},splitterBar:{collapse:"\u6536\u8D77",expand:"\u5C55\u5F00"},stepsGuide:{previous:"\u4E0A\u4E00\u6B65",continue:"\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",ok:"\u6211\u77E5\u9053\u5566"},table:{selectAll:"\u5168\u9009",ok:"\u786E\u5B9A"},timePopup:{ok:"\u786E\u5B9A"},transfer:{unit:"\u9879",panelUnit:"\u9879",headerUnit:"\u9879",noData:"\u6682\u65E0\u6570\u636E",placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"},tree:{loading:"\u52A0\u8F7D\u4E2D",newNode:"\u65B0\u8282\u70B9",selectPlaceholder:"\u8BF7\u9009\u62E9"},upload:{placeholder:"\u9009\u62E9\u6587\u4EF6",getExistSameNameFilesMsg(e){return`\u60A8\u4E0A\u4F20\u7684 "${e}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`},getAllFilesBeyondMaximalFileSizeMsg(e){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${e}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getBeyondMaximalFileSizeMsg(e,n){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getNotAllowedFileTypeMsg(e,n){return`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`}},search:{placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},select:{placeholder:"\u8BF7\u9009\u62E9",noDataText:"\u65E0\u6570\u636E",noMatchText:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",loadingText:"\u52A0\u8F7D\u4E2D..."},tagInput:{maxTagsText:"\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"},timeSelect:{placeholder:"\u8BF7\u9009\u62E9\u65F6\u95F4"}};const x=t.ref("zh-CN");let b=t.reactive({[x.value]:K});const W={messages(){return b[x.value]},lang(){return x.value},use(e,n){x.value=e,this.add({[e]:n})},add(e={}){b=I(b,e)}},Y=e=>e.substring(1).replace(/^\S/,n=>n.toLocaleLowerCase());function M(e,n){const u=n.split(".");let o=e;return u.forEach(l=>{var i;o=(i=o[l])!=null?i:""}),o}function Q(e,n,u){const o=u||Y(e)+".";return l=>{var s;const i=((s=n==null?void 0:n.appContext.config.globalProperties.langMessages)==null?void 0:s.value)||W.messages();return M(i,o+l)||M(i,l)}}var de="",D=t.defineComponent({name:"DPagination",components:{ConfigMenu:U,JumpPage:_,PageNumBtn:G},props:k,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(e,{emit:n,slots:u}){const o=t.getCurrentInstance(),l=Q("DPagination",o),{autoHide:i,pageSizeOptions:a,total:s,canChangePageSize:c,lite:d,size:h,pageSizeDirection:r,showPageSelector:C,canViewTotal:f,totalItemText:Z,maxItems:ee,preLink:te,nextLink:ue,showTruePageIndex:ne,canJumpPage:ae,goToText:oe,pageIndex:ie,showJumpButton:le,haveConfigMenu:se}=t.toRefs(e),E=B("pagination"),F=t.computed(()=>Math.ceil(e.total/e.pageSize)),re=t.computed(()=>$(F.value)),N=t.computed({get(){return!e.showTruePageIndex&&e.pageIndex>F.value?(n("update:pageIndex",F.value||1),F.value||1):e.pageIndex||1},set(g){n("update:pageIndex",g)}}),z=t.computed({get(){return e.pageSize},set(g){n("update:pageSize",g)}}),V=g=>{N.value=g,n("pageIndexChange",g)},L=g=>{z.value=g.value,e.autoFixPageIndex&&t.nextTick(()=>{N.value>F.value&&V(F.value)}),n("pageSizeChange",g.value)},ce=g=>{V(g.value)};return()=>i.value&&Math.min(...a.value)>s.value?null:t.createVNode("div",{class:E.b()},[c.value&&!d.value&&t.createVNode("div",{class:[E.e("size"),h.value?E.em("size",h.value):""]},[t.createVNode(t.resolveComponent("d-select"),{options:a.value,modelValue:z.value,onValueChange:L,pageSizeDirection:r.value},null)]),(!d.value||d.value&&C.value)&&f.value&&t.createVNode("div",{class:E.e("total-size")},[Z.value||l("totalItemText"),t.createTextVNode(": "),s.value]),d.value&&C.value&&t.createVNode("div",{class:E.e("size")},[t.createVNode(t.resolveComponent("d-select"),{options:re.value,disabled:s.value===0,modelValue:N.value,onValueChange:ce,pageSizeDirection:r.value},null)]),t.createVNode(t.resolveComponent("page-num-btn"),t.mergeProps({cursor:N.value,totalPages:F.value,size:h.value,lite:d.value,maxItems:ee.value,preLink:te.value,nextLink:ue.value,showTruePageIndex:ne.value},{onChangeCursorEmit:V}),null),ae.value&&!d.value&&t.createVNode(t.resolveComponent("jump-page"),t.mergeProps({goToText:oe.value||l("goToText"),size:h.value,pageIndex:ie.value,totalPages:F.value,cursor:N.value,showJumpButton:le.value},{onChangeCursorEmit:V}),null),d.value&&se.value&&t.createVNode(t.resolveComponent("config-menu"),{currentPageSize:z.value,pageSizeChange:L,pageSizeOptions:a.value},{default:()=>{var g;return[(g=u.default)==null?void 0:g.call(u)]}})])}}),X={title:"Pagination \u5206\u9875",category:"\u5BFC\u822A",status:"100%",install(e){e.component(D.name,D)}};p.Pagination=D,p.default=X,p.paginationProps=k,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});

package/pagination/style.css

@@ -1 +1 @@
-@charset "UTF-8";.devui-pagination{font-size:var(--devui-font-size, 12px)}.devui-pagination .devui-page-size{display:inline-block;max-width:100px;line-height:24px;margin:0 12px 0 0;position:relative;vertical-align:middle}.devui-pagination .devui-page-size.devui-page-size-sm{max-width:80px}.devui-pagination .devui-page-size.devui-page-size-sm .devui-select-input{height:24px}.devui-pagination .devui-page-size.devui-page-size-lg{max-width:100px}.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-input,.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-item{height:46px}.devui-pagination .devui-select-input{height:26px}.devui-pagination .devui-total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination-list,.devui-pagination .devui-pagination-item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination-list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination-list li.devui-pagination-item{cursor:pointer}.devui-pagination .devui-pagination-list li.devui-pagination-item.active a.devui-pagination-link{text-decoration:none;background-color:var(--devui-list-item-active-bg, #5e7ce0);color:var(--devui-list-item-active-text, #ffffff)}.devui-pagination .devui-pagination-list li.devui-pagination-item.disabled a.devui-pagination-link{cursor:not-allowed;opacity:.5;background-color:#fff;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination-list li.devui-pagination-item .devui-pagination-link{margin-left:5px;padding:3px 7px;line-height:1.5;border-radius:var(--devui-border-radius, 2px);color:var(--devui-text-weak, #575d6c);display:flex;align-items:center;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination-list li.devui-pagination-item .devui-pagination-link:hover{text-decoration:none;background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-pagination .devui-pagination-sm>li.devui-pagination-item>a.devui-pagination-link{padding:0 5px;min-width:18px;height:22px;line-height:1.5;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination-lg>li.devui-pagination-item>a.devui-pagination-link{padding:0 12px;height:38px;font-size:var(--devui-font-size-lg, 14px);line-height:1.5}.devui-pagination .devui-jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-jump-container .devui-pagination-input{display:inline-block;width:42px;vertical-align:middle;margin:0 3px}.devui-pagination .devui-jump-container .devui-pagination-input-lg{width:56px}.devui-pagination .devui-jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid var(--devui-line, #adb0b8);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-jump-button .devui-pagination-go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #252b3a);border-bottom:6px solid transparent}.devui-pagination .devui-jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-jump-button:hover .devui-pagination-go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-jump-size-default{width:28px;height:28px}.devui-pagination .devui-jump-size-default .devui-pagination-go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #252b3a);border-bottom:8px solid transparent}.devui-pagination .devui-jump-size-sm{width:24px;height:24px}.devui-pagination .devui-jump-size-sm .devui-pagination-go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #252b3a);border-bottom:6px solid transparent}.devui-pagination .devui-jump-size-sm .devui-pagination-link{height:30px;line-height:32px}.devui-pagination .devui-jump-size-lg{width:46px;height:46px}.devui-pagination .devui-jump-size-lg .devui-pagination-go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #252b3a);border-bottom:14px solid transparent}.devui-pagination .devui-pagination-config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-config-container{padding:4px 0;box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));border-radius:var(--devui-border-radius, 2px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .pagination-config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #adb0b8)}.devui-pagination .pagination-config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #adb0b8);padding-left:8px;font-size:var(--devui-font-size, 12px);line-height:1.5}.devui-pagination .devui-page-number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-page-number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #adb0b8);border-bottom:1px solid var(--devui-line, #adb0b8);border-right:1px solid var(--devui-line, #adb0b8);text-align:center;height:26px;width:26px}.devui-pagination .devui-page-number div:first-child{border-left:1px solid var(--devui-line, #adb0b8)}.devui-pagination .devui-page-number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-pagination .devui-page-number div.choosed{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f8f8f8);cursor:pointer}
+@charset "UTF-8";.devui-pagination{font-size:var(--devui-font-size, 14px)}.devui-pagination .devui-pagination__size{display:inline-block;max-width:100px;line-height:24px;margin:0 12px 0 0;position:relative;vertical-align:middle}.devui-pagination .devui-pagination__size.devui-pagination__size--sm{max-width:80px}.devui-pagination .devui-pagination__size.devui-pagination__size--sm .devui-select-input{height:24px}.devui-pagination .devui-pagination__size.devui-pagination__size--lg{max-width:100px}.devui-pagination .devui-pagination__size.devui-pagination__size--lg .devui-select-input,.devui-pagination .devui-pagination__size.devui-pagination__size--lg .devui-select-item{height:46px}.devui-pagination .devui-select-input{height:26px}.devui-pagination .devui-pagination__total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination__list,.devui-pagination .devui-pagination__item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination__list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination__list li.devui-pagination__item{cursor:pointer}.devui-pagination .devui-pagination__list li.devui-pagination__item.active a.devui-pagination__link{text-decoration:none;background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link{cursor:not-allowed;opacity:.5;background-color:#fff;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link{margin-left:5px;padding:3px 7px;line-height:1.5;border-radius:var(--devui-border-radius, 4px);color:var(--devui-text-weak, #575d6c);display:flex;align-items:center;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link:hover{text-decoration:none;background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-pagination .devui-pagination__sm>li.devui-pagination__item>a.devui-pagination__link{padding:0 5px;min-width:18px;height:22px;line-height:1.5;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination__lg>li.devui-pagination__item>a.devui-pagination__link{padding:0 12px;height:38px;font-size:var(--devui-font-size-lg, 14px);line-height:1.5}.devui-pagination .devui-pagination__jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-pagination__jump-container .devui-input{display:inline-block;width:42px;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__jump-container .devui-input--lg{width:56px}.devui-pagination .devui-pagination__jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 4px);border:1px solid var(--devui-line, #d7d8da);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-pagination__jump-button .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-button:hover .devui-pagination__go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-size--default{width:28px;height:28px}.devui-pagination .devui-pagination__jump-size--default .devui-pagination__go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #71757f);border-bottom:8px solid transparent}.devui-pagination .devui-pagination__jump-size--sm{width:24px;height:24px}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__link{height:30px;line-height:32px}.devui-pagination .devui-pagination__jump-size--lg{width:46px;height:46px}.devui-pagination .devui-pagination__jump-size--lg .devui-pagination__go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #71757f);border-bottom:14px solid transparent}.devui-pagination .devui-pagination__config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-pagination__config-container{padding:4px 0;box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));border-radius:var(--devui-border-radius, 4px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .devui-pagination__config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #d7d8da);padding-left:8px;font-size:var(--devui-font-size, 14px);line-height:1.5}.devui-pagination .devui-pagination__number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-pagination__number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #d7d8da);border-bottom:1px solid var(--devui-line, #d7d8da);border-right:1px solid var(--devui-line, #d7d8da);text-align:center;height:26px;width:26px}.devui-pagination .devui-pagination__number div:first-child{border-left:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-pagination .devui-pagination__number div.choosed{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 14px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f8f8f8);cursor:pointer}

package/panel/style.css

@@ -1 +1 @@
-.no-left-padding.devui-panel-body-collapse:before{content:none!important}.no-left-padding.devui-panel-body-collapse .devui-panel-content{border-left:none!important}.devui-panel{line-height:1.5;background-color:var(--devui-base-bg, #ffffff)}.devui-panel .devui-panel-heading{padding:12px 20px;color:var(--devui-text, #252b3a)}.devui-panel .devui-panel-heading d-panel-header{line-height:1.5}.devui-panel .devui-panel-body{display:flex;position:relative;border-top:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-panel .devui-panel-body .devui-panel-content{line-height:1.5;padding:15px;background:var(--devui-base-bg, #ffffff);flex:1}.devui-panel .devui-panel-body.devui-panel-body-collapse:before{content:"";width:30px;height:100%}.devui-panel .devui-panel-body.devui-panel-body-collapse .devui-panel-content{border-left:2px solid var(--devui-dividing-line, #dfe1e6)}.devui-panel .devui-panel-footer{padding:10px 15px;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8)}.devui-panel .devui-panel-footer d-panel-footer{line-height:1.5}.devui-panel.devui-panel-default .devui-panel-heading,.devui-panel.devui-panel-default .devui-panel-body{background-color:var(--devui-default-bg, #f3f6f8)}.devui-panel.devui-panel-primary .devui-panel-heading,.devui-panel.devui-panel-primary .devui-panel-body{background-color:var(--devui-primary-bg, #f2f5fc)}.devui-panel.devui-panel-primary .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-primary-line, #5e7ce0)}.devui-panel.devui-panel-info .devui-panel-heading,.devui-panel.devui-panel-info .devui-panel-body{background-color:var(--devui-info-bg, #f2f5fc)}.devui-panel.devui-panel-info .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-info-line, #5e7ce0)}.devui-panel.devui-panel-success .devui-panel-heading,.devui-panel.devui-panel-success .devui-panel-body{background-color:var(--devui-success-bg, #edfff9)}.devui-panel.devui-panel-success .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-success-line, #50d4ab)}.devui-panel.devui-panel-warning .devui-panel-heading,.devui-panel.devui-panel-warning .devui-panel-body{background-color:var(--devui-warning-bg, #fff3e8)}.devui-panel.devui-panel-warning .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-warning-line, #fa9841)}.devui-panel.devui-panel-danger .devui-panel-heading,.devui-panel.devui-panel-danger .devui-panel-body{background-color:var(--devui-danger-bg, #ffeeed)}.devui-panel.devui-panel-danger .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-danger-line, #f66f6a)}.devui-panel .devui-panel-leave-active{transition:all .3s ease-in-out;animation:panelUpOut .3s ease-in-out;animation-fill-mode:both}.devui-panel .devui-panel-enter-active{transition:all .3s ease-in-out;animation:panelUpIn .3s ease-in-out;animation-fill-mode:both}@keyframes panelUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}@keyframes panelUpIn{0%{transform:scaleY(0);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}
+.no-left-padding.devui-panel-body-collapse:before{content:none!important}.no-left-padding.devui-panel-body-collapse .devui-panel-content{border-left:none!important}.devui-panel{line-height:1.5;background-color:var(--devui-base-bg, #ffffff)}.devui-panel .devui-panel-heading{padding:12px 20px;color:var(--devui-text, #252b3a)}.devui-panel .devui-panel-heading d-panel-header{line-height:1.5}.devui-panel .devui-panel-body{display:flex;position:relative;border-top:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-panel .devui-panel-body .devui-panel-content{line-height:1.5;padding:15px;background:var(--devui-base-bg, #ffffff);flex:1}.devui-panel .devui-panel-body.devui-panel-body-collapse:before{content:"";width:30px;height:100%}.devui-panel .devui-panel-body.devui-panel-body-collapse .devui-panel-content{border-left:2px solid var(--devui-dividing-line, #f2f2f3)}.devui-panel .devui-panel-footer{padding:10px 15px;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8)}.devui-panel .devui-panel-footer d-panel-footer{line-height:1.5}.devui-panel.devui-panel-default .devui-panel-heading,.devui-panel.devui-panel-default .devui-panel-body{background-color:var(--devui-default-bg, #f7f8fa)}.devui-panel.devui-panel-primary .devui-panel-heading,.devui-panel.devui-panel-primary .devui-panel-body{background-color:var(--devui-primary-bg, #f2f5fc)}.devui-panel.devui-panel-primary .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-primary-line, #5e7ce0)}.devui-panel.devui-panel-info .devui-panel-heading,.devui-panel.devui-panel-info .devui-panel-body{background-color:var(--devui-info-bg, #f2f5fc)}.devui-panel.devui-panel-info .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-info-line, #5e7ce0)}.devui-panel.devui-panel-success .devui-panel-heading,.devui-panel.devui-panel-success .devui-panel-body{background-color:var(--devui-success-bg, #edfff9)}.devui-panel.devui-panel-success .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-success-line, #50d4ab)}.devui-panel.devui-panel-warning .devui-panel-heading,.devui-panel.devui-panel-warning .devui-panel-body{background-color:var(--devui-warning-bg, #fff3e8)}.devui-panel.devui-panel-warning .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-warning-line, #fa9841)}.devui-panel.devui-panel-danger .devui-panel-heading,.devui-panel.devui-panel-danger .devui-panel-body{background-color:var(--devui-danger-bg, #ffeeed)}.devui-panel.devui-panel-danger .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-danger-line, #f66f6a)}.devui-panel .devui-panel-leave-active{transition:all .3s ease-in-out;animation:panelUpOut .3s ease-in-out;animation-fill-mode:both}.devui-panel .devui-panel-enter-active{transition:all .3s ease-in-out;animation:panelUpIn .3s ease-in-out;animation-fill-mode:both}@keyframes panelUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}@keyframes panelUpIn{0%{transform:scaleY(0);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}