vue-devui 1.0.0-beta.2 → 1.0.0-beta.6

package/overlay/index.umd.js

@@ -1 +1 @@
-var z=Object.defineProperty,R=Object.defineProperties;var $=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var S=(i,t,c)=>t in i?z(i,t,{enumerable:!0,configurable:!0,writable:!0,value:c}):i[t]=c,g=(i,t)=>{for(var c in t||(t={}))A.call(t,c)&&S(i,c,t[c]);if(E)for(var c of E(t))I.call(t,c)&&S(i,c,t[c]);return i},F=(i,t)=>R(i,$(t));(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";var c="";function j(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const m=t.defineComponent({setup(e,n){return()=>{let l;return t.createVNode(t.Teleport,{to:"#d-overlay-anchor"},{default:()=>[t.createVNode(t.Transition,{name:"devui-overlay-fade"},j(l=t.renderSlot(n.slots,"default"))?l:{default:()=>[l]})]})}}}),k={visible:{type:Boolean},"onUpdate:visible":{type:Function},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},backdropClick:{type:Function},backdropClose:{type:Boolean,default:!0}};function O(e){const n=t.computed(()=>["devui-overlay-background","devui-overlay-background__color",e.backgroundClass]),l=t.computed(()=>"devui-overlay"),r=o=>{var s,f;o.preventDefault(),(s=e.backdropClick)==null||s.call(e),e.backdropClose&&((f=e["onUpdate:visible"])==null||f.call(e,!1))},a=o=>o.cancelBubble=!0;return t.onMounted(()=>{const o=document.body,s=o.style.overflow,f=o.style.position;t.watch([()=>e.visible,()=>e.backgroundBlock],([w,v])=>{if(v){const u=o.getBoundingClientRect().y;w?(o.style.overflowY="scroll",o.style.position=w?"fixed":"",o.style.top=`${u}px`):(o.style.overflowY=s,o.style.position=f,o.style.top="",window.scrollTo(0,-u))}}),t.onUnmounted(()=>{document.body.style.overflow=s})}),{backgroundClass:n,overlayClass:l,handleBackdropClick:r,handleOverlayBubbleCancel:a}}const y=t.defineComponent({name:"DFixedOverlay",props:F(g({},k),{overlayStyle:{type:Object,default:void 0}}),setup(e,n){const{backgroundClass:l,overlayClass:r,handleBackdropClick:a,handleOverlayBubbleCancel:o}=O(e);return()=>t.createVNode(m,null,{default:()=>[t.withDirectives(t.createVNode("div",{class:l.value,style:e.backgroundStyle,onClick:a},[t.createVNode("div",{class:r.value,style:e.overlayStyle,onClick:o},[t.renderSlot(n.slots,"default")])]),[[t.vShow,e.visible]])]})}}),b=t.defineComponent({name:"DFlexibleOverlay",props:g({origin:{type:Object,require:!0},position:{type:Object,default:()=>({originX:"left",originY:"top",overlayX:"left",overlayY:"top"})}},k),emits:["onUpdate:visible"],setup(e,n){const l=t.ref(null),r=t.reactive({position:"absolute"}),a=t.getCurrentInstance();t.onMounted(async()=>{await t.nextTick();const v=l.value;if(!v)return;const u=V(e.origin);if(!u)return;const x=d=>{const C=N(e.position,d,u);r.left=`${C.x}px`,r.top=`${C.y}px`},h=()=>x(v.getBoundingClientRect());t.watch(t.toRef(e,"visible"),(d,C,_)=>{d?D(h):p(h),_(()=>{p(h)})}),t.watch(t.toRef(e,"position"),()=>{h()});const B=new ResizeObserver(d=>{x(d[0].contentRect)});if(B.observe(v),t.onBeforeUnmount(()=>{B.disconnect()},a),u instanceof Element){const d=new MutationObserver(h);d.observe(u,{attributeFilter:["style"]}),t.onBeforeUnmount(()=>{d.disconnect()},a)}},a);const{backgroundClass:o,overlayClass:s,handleBackdropClick:f,handleOverlayBubbleCancel:w}=O(e);return()=>t.createVNode(m,null,{default:()=>[t.withDirectives(t.createVNode("div",{class:o.value,onClick:f},[t.createVNode("div",{ref:l,class:s.value,style:r,onClick:w},[t.renderSlot(n.slots,"default")])]),[[t.vShow,e.visible]])]})}});function L(e){return e instanceof Element?e:e&&typeof e=="object"&&e.$el instanceof Element?e.$el:null}function V(e){return e instanceof Element?e:t.isRef(e)?L(e.value):e}function N(e,n,l){const r=T(l),a=Y(r,e);let o;return n instanceof HTMLElement?o=n.getBoundingClientRect():o=n,X(a,o,e)}function T(e){if(e instanceof Element)return e.getBoundingClientRect();const n=e.width||0,l=e.height||0;return{top:e.y,bottom:e.y+l,left:e.x,right:e.x+n,height:l,width:n}}function X(e,n,l){let r;const{width:a,height:o}=n;l.overlayX=="center"?r=e.x-a/2:r=l.overlayX=="left"?e.x:e.x-a;let s;return l.overlayY=="center"?s=e.y-o/2:s=l.overlayY=="top"?e.y:e.y-o,{x:r,y:s}}function Y(e,n){let l;if(n.originX=="center")l=e.left+e.width/2;else{const a=e.left,o=e.right;l=n.originX=="left"?a:o}let r;return n.originY=="center"?r=e.top+e.height/2:r=n.originY=="top"?e.top:e.bottom,{x:l,y:r}}function D(e){window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),window.addEventListener("orientationchange",e)}function p(e){window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}const M=typeof window!="undefined";b.install=function(e){e.component(b.name,b)},y.install=function(e){e.component(y.name,y)};var U={title:"Overlay \u906E\u7F69\u5C42",category:"\u901A\u7528",status:"\u5DF2\u5B8C\u6210",install(e){if(e.use(y),e.use(b),M&&!document.getElementById("d-overlay-anchor")){const n=document.createElement("div");n.setAttribute("id","d-overlay-anchor"),n.style.position="fixed",n.style.left="0",n.style.top="0",n.style.zIndex="1000",document.body.appendChild(n)}}};i.FixedOverlay=y,i.FlexibleOverlay=b,i.default=U,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+var H=Object.defineProperty,J=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var F=(r,t,a)=>t in r?H(r,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[t]=a,p=(r,t)=>{for(var a in t||(t={}))Q.call(t,a)&&F(r,a,t[a]);if(R)for(var a of R(t))W.call(t,a)&&F(r,a,t[a]);return r},j=(r,t)=>J(r,K(t));(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r.index={},r.Vue))})(this,function(r,t){"use strict";var a="";function V(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const x=t.defineComponent({setup(e,n){return()=>{let o;return t.createVNode(t.Teleport,{to:"#d-overlay-anchor"},{default:()=>[t.createVNode(t.Transition,{name:"devui-overlay-fade"},V(o=t.renderSlot(n.slots,"default"))?o:{default:()=>[o]})]})}}}),B={visible:{type:Boolean},"onUpdate:visible":{type:Function},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},backdropClick:{type:Function},backdropClose:{type:Boolean,default:!0},hasBackdrop:{type:Boolean,default:!0}},N=j(p({},B),{overlayStyle:{type:[String,Object],default:void 0}}),L=p({origin:{type:Object,require:!0},position:{type:Object,default:()=>({originX:"left",originY:"top",overlayX:"left",overlayY:"top"})}},B);function E(e){const n=t.computed(()=>["devui-overlay-background",e.backgroundClass,e.hasBackdrop?"devui-overlay-background__color":"devui-overlay-background__disabled"]),o=t.computed(()=>"devui-overlay"),i=l=>{var s,f;l.preventDefault(),(s=e.backdropClick)==null||s.call(e),e.backdropClose&&((f=e["onUpdate:visible"])==null||f.call(e,!1))},c=l=>l.cancelBubble=!0;return t.onMounted(()=>{const l=document.body,s=l.style.overflow,f=l.style.position;t.watch([()=>e.visible,()=>e.backgroundBlock],([d,g])=>{if(g){const m=l.getBoundingClientRect().y;d?(l.style.overflowY="scroll",l.style.position=d?"fixed":"",l.style.top=`${m}px`):(l.style.overflowY=s,l.style.position=f,l.style.top="",window.scrollTo(0,-m))}}),t.onUnmounted(()=>{document.body.style.overflow=s})}),{backgroundClass:n,overlayClass:o,handleBackdropClick:i,handleOverlayBubbleCancel:c}}const v=t.defineComponent({name:"DFixedOverlay",props:N,setup(e,n){const{backgroundClass:o,overlayClass:i,handleBackdropClick:c,handleOverlayBubbleCancel:l}=E(e);return()=>t.createVNode(x,null,{default:()=>[t.withDirectives(t.createVNode("div",{class:o.value,style:e.backgroundStyle,onClick:c},[t.createVNode("div",{class:i.value,style:e.overlayStyle,onClick:l},[t.renderSlot(n.slots,"default")])]),[[t.vShow,e.visible]])]})}});function X(e){return!!(e==null?void 0:e.$el)}function S(e){return e instanceof Element?e:e&&typeof e=="object"&&e.$el instanceof Element?e.$el:null}const h=t.defineComponent({name:"DFlexibleOverlay",props:L,emits:["onUpdate:visible"],setup(e,n){const o=t.ref(null),i=t.reactive({position:"absolute"});t.onMounted(async()=>{const d=(u,y,b)=>{const k=_(u,y,b);i.left=`${k.x}px`,i.top=`${k.y}px`},g=t.computed(()=>{const u=o.value,y=Y(e.origin);if(!(!u||!y))return{origin:y,overlay:u}}),m=t.toRef(e,"visible"),q=t.toRef(e,"position");t.watch([g,m,q],async([u,y,b],k,I)=>{if(!y||!u)return;const{origin:C,overlay:w}=u;d(b,w.getBoundingClientRect(),C);const G=[$(()=>d(b,w.getBoundingClientRect(),C)),M(w,O=>d(b,O[0].contentRect,C)),P(C,()=>d(b,w.getBoundingClientRect(),C))];I(()=>{G.forEach(O=>O())})})});const{backgroundClass:c,overlayClass:l,handleBackdropClick:s,handleOverlayBubbleCancel:f}=E(e);return()=>t.createVNode(x,null,{default:()=>[t.withDirectives(t.createVNode("div",{style:e.backgroundStyle,class:c.value,onClick:s},[t.createVNode("div",{ref:o,class:l.value,style:i,onClick:f},[t.renderSlot(n.slots,"default")])]),[[t.vShow,e.visible]])]})}});function Y(e){return e instanceof Element?e:t.isRef(e)?S(e.value):X(e)?S(e):e}function _(e,n,o){const i=z(o),c=T(i,e);return D(c,n,e)}function z(e){if(e instanceof Element)return e.getBoundingClientRect();const n=e.width||0,o=e.height||0;return{top:e.y,bottom:e.y+o,left:e.x,right:e.x+n,height:o,width:n}}function D(e,n,o){let i;const{width:c,height:l}=n;o.overlayX=="center"?i=e.x-c/2:i=o.overlayX=="left"?e.x:e.x-c;let s;return o.overlayY=="center"?s=e.y-l/2:s=o.overlayY=="top"?e.y:e.y-l,{x:i,y:s}}function T(e,n){let o;if(n.originX=="center")o=e.left+e.width/2;else{const c=e.left,l=e.right;o=n.originX=="left"?c:l}let i;return n.originY=="center"?i=e.top+e.height/2:i=n.originY=="top"?e.top:e.bottom,{x:o,y:i}}function $(e){return window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),window.addEventListener("orientationchange",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}}function M(e,n){if(e instanceof Element){const o=new ResizeObserver(n);return o.observe(e),()=>o.disconnect()}return()=>{}}function P(e,n){if(e instanceof Element){const o=new MutationObserver(n);return o.observe(e,{attributeFilter:["style"]}),()=>o.disconnect()}return()=>{}}const U=typeof window!="undefined";h.install=function(e){e.component(h.name,h)},v.install=function(e){e.component(v.name,v)};var A={title:"Overlay \u906E\u7F69\u5C42",category:"\u901A\u7528",status:"\u5DF2\u5B8C\u6210",install(e){if(e.use(v),e.use(h),U&&!document.getElementById("d-overlay-anchor")){const n=document.createElement("div");n.setAttribute("id","d-overlay-anchor"),n.style.position="fixed",n.style.left="0",n.style.top="0",n.style.zIndex="1000",document.body.appendChild(n)}}};r.FixedOverlay=v,r.FlexibleOverlay=h,r.default=A,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});

package/overlay/style.css

@@ -1 +1 @@
-.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}
+.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}.devui-overlay-background__disabled{pointer-events:none}@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.6",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [
@@ -27,7 +27,7 @@
     "serve": "vitepress serve docs",
     "app:dev": "vite",
     "app:build": "vite build",
-    "build:lib": "yarn predev && yarn build:components && yarn generate:theme && yarn copy",
+    "build:lib": "yarn predev && yarn build:components && yarn copy",
     "test": "jest --config jest.config.js",
     "ls-lint": "ls-lint",
     "lint": "eslint \"{src,devui}/**/*.{vue,js,ts,jsx,tsx}\"",
@@ -35,6 +35,7 @@
     "stylelint": "stylelint --fix \"{devui,src}/**/*.{scss,css}\"",
     "build:components": "node ./devui-cli/index.js build",
     "generate:theme": "node ./devui-cli/index.js generate:theme",
+    "generate:dts": "node ./devui-cli/index.js generate:dts",
     "copy": "cp package.json build && cp README.md build && cp devui/theme/theme.scss build/theme",
     "clean:cli": "npm uninstall -g devui-cli & npm uninstall -g vue-devui",
     "cli:create": "node ./devui-cli/index.js create -t component",
@@ -94,8 +95,8 @@
     "vite": "^2.4.4",
     "vite-plugin-md": "^0.6.0",
     "vite-svg-loader": "^2.2.0",
-    "vitepress": "^0.15.6",
-    "vitepress-theme-demoblock": "^1.2.2",
+    "vitepress": "0.20.1",
+    "vitepress-theme-demoblock": "1.3.2",
     "vue-tsc": "^0.2.2",
     "yarn": "^1.22.11"
   },

package/pagination/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/panel/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/popover/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/progress/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/quadrant-diagram/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/radio/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/rate/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/read-tip/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/read-tip/index.es.js

@@ -0,0 +1,244 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { defineComponent, toRefs, reactive, ref, onMounted, createVNode, Teleport, Fragment, onUnmounted } from "vue";
+const readTipProps = {
+  readTipOptions: {
+    type: Object
+  },
+  defaultTemplateProps: {
+    type: Object
+  }
+};
+var readTip = "";
+var TipsTemplate = defineComponent({
+  name: "DReadTipTemplate",
+  props: readTipProps,
+  emits: [],
+  setup(props, ctx) {
+    const {
+      defaultTemplateProps
+    } = toRefs(props);
+    let rule = defaultTemplateProps.value;
+    const query = (rule == null ? void 0 : rule.id) ? `#${rule.id}` : rule.selector;
+    const styles = reactive({});
+    if (typeof rule.dataFn === "function") {
+      const dataFn = rule.dataFn({
+        element: document.querySelector(query),
+        rule
+      });
+      rule = __spreadValues(__spreadValues({}, rule), dataFn);
+    }
+    const temp = ref(null);
+    onMounted(() => {
+      const domBounding = document.querySelector(query).getBoundingClientRect();
+      const distance = 10;
+      let positionTop = 0;
+      let positionLeft = 0;
+      const targetDom = document.querySelector(".read-tip-container").getBoundingClientRect();
+      if (rule.appendToBody) {
+        positionTop = domBounding.y + document.documentElement.scrollTop;
+        positionLeft = domBounding.x;
+      }
+      switch (rule.position) {
+        case "top":
+          styles.top = positionTop - targetDom.height - distance + "px";
+          styles.left = positionLeft + "px";
+          break;
+        case "left":
+          styles.top = positionTop + "px";
+          styles.left = positionLeft - targetDom.width - distance + "px";
+          break;
+        case "bottom":
+          styles.top = positionTop + domBounding.height + distance + "px";
+          styles.left = positionLeft + "px";
+          break;
+        case "right":
+          styles.top = positionTop + "px";
+          styles.left = positionLeft + domBounding.width + distance + "px";
+          break;
+      }
+    });
+    return () => {
+      return createVNode(Teleport, {
+        "to": rule.appendToBody ? "body" : query
+      }, {
+        default: () => {
+          var _a;
+          return [createVNode("div", {
+            "ref": temp,
+            "class": ["read-tip-container", rule.position, rule.overlayClassName],
+            "style": styles
+          }, [createVNode("span", {
+            "class": "after"
+          }, null), rule.contentTemplate ? (_a = ctx.slots) == null ? void 0 : _a.default() : createVNode(Fragment, null, [createVNode("div", {
+            "class": "title"
+          }, [rule.title]), createVNode("div", {
+            "class": "content"
+          }, [rule.content])])])];
+        }
+      });
+    };
+  }
+});
+var ReadTip = defineComponent({
+  name: "DReadTip",
+  props: readTipProps,
+  emits: [],
+  setup(props, ctx) {
+    const defaultOptions = {
+      trigger: "hover",
+      showAnimate: false,
+      mouseenterTime: 100,
+      mouseleaveTime: 100,
+      position: "top",
+      overlayClassName: "",
+      appendToBody: true,
+      rules: {
+        selector: null
+      }
+    };
+    ref(0);
+    const options = __spreadValues(__spreadValues({}, defaultOptions), props.readTipOptions);
+    const defaultSlot = ref(null);
+    const onMouseenter = (rule) => () => {
+      setTimeout(() => {
+        if (rule.id) {
+          const a = refRules.find((u) => u.id === rule.id);
+          a.status = true;
+        }
+        rule.status = true;
+      }, rule.mouseenterTime || options.mouseenterTime);
+    };
+    const onMouseleave = (rule) => () => {
+      setTimeout(() => {
+        if (rule.id) {
+          const a = refRules.find((u) => u.id === rule.id);
+          a.status = false;
+        }
+        rule.status = false;
+      }, rule.mouseleaveTime || options.mouseleaveTime);
+    };
+    const init = (rules2, trigger = "hover") => {
+      rules2.map((rule) => {
+        rule.status = false;
+        trigger = rule.trigger || trigger;
+        rule.overlayClassName = rule.overlayClassName || options.overlayClassName;
+        rule.position = rule.position || options.position;
+        rule.contentTemplate = !!ctx.slots.contentTemplate;
+        if (!("appendToBody" in rule))
+          rule.appendToBody = options.appendToBody;
+        const doms = defaultSlot.value.querySelectorAll(rule.selector);
+        [...doms].map((dom, index2) => {
+          if (rule.appendToBody === false)
+            dom.style.position = "relative";
+          let newRule = reactive({
+            id: null
+          });
+          const id = rule.selector.slice(rule.selector[0] === "." ? 1 : 0) + index2;
+          if (index2 > 0) {
+            newRule = __spreadValues({}, rule);
+            dom.id = id;
+            newRule.id = id;
+            rules2.push(newRule);
+          }
+          if (trigger === "hover") {
+            dom.addEventListener("mouseenter", onMouseenter(newRule.id ? newRule : rule));
+            dom.addEventListener("mouseleave", onMouseleave(newRule.id ? newRule : rule));
+          }
+        });
+      });
+      return rules2;
+    };
+    function show(dom, rule) {
+      rule.status = true;
+    }
+    const rules = (rules2) => {
+      if (rules2 === null)
+        return;
+      if (typeof rules2 === "object" && !Array.isArray(rules2)) {
+        rules2 = [rules2];
+      }
+      rules2 = [...rules2];
+      Array.isArray(rules2) && rules2.map((rule) => {
+        rule.status = false;
+      });
+      return rules2;
+    };
+    const refRules = reactive(rules(options.rules));
+    const clickFn = () => {
+      refRules.forEach((element) => {
+        element.status = false;
+      });
+    };
+    onMounted(() => {
+      init(refRules, options.trigger);
+      document.addEventListener("click", clickFn, true);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", clickFn);
+    });
+    const onClick = (e) => {
+      for (const rule of refRules) {
+        const doms = defaultSlot.value.querySelectorAll(rule.selector);
+        for (const dom of doms) {
+          if (doms.length > 1) {
+            if (dom === e.target && rule.id) {
+              show(dom, rule);
+              return;
+            } else if (dom === e.target && !rule.id && !dom.id) {
+              show(dom, rule);
+              return;
+            }
+          } else if (dom === e.target) {
+            show(dom, rule);
+            return;
+          } else {
+            rule.status = false;
+          }
+        }
+      }
+    };
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": "devui-read-tip"
+      }, [createVNode("div", {
+        "ref": defaultSlot,
+        "onClick": onClick
+      }, [(_a = ctx.slots) == null ? void 0 : _a.default()]), refRules.map((rule) => createVNode("div", null, [rule.status && createVNode(TipsTemplate, {
+        "defaultTemplateProps": __spreadValues({}, rule)
+      }, {
+        default: () => {
+          var _a2;
+          return [rule.contentTemplate && ((_a2 = ctx.slots) == null ? void 0 : _a2.contentTemplate())];
+        }
+      })]))]);
+    };
+  }
+});
+ReadTip.install = function(app) {
+  app.component(ReadTip.name, ReadTip);
+};
+var index = {
+  title: "ReadTip \u9605\u8BFB\u63D0\u793A",
+  category: "\u53CD\u9988",
+  status: "50%",
+  install(app) {
+    app.use(ReadTip);
+  }
+};
+export { ReadTip, index as default };

package/read-tip/index.umd.js

@@ -0,0 +1 @@
+var q=Object.defineProperty;var R=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var k=(a,e,i)=>e in a?q(a,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[e]=i,y=(a,e)=>{for(var i in e||(e={}))w.call(e,i)&&k(a,i,e[i]);if(R)for(var i of R(e))E.call(e,i)&&k(a,i,e[i]);return a};(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.index={},a.Vue))})(this,function(a,e){"use strict";const i={readTipOptions:{type:Object},defaultTemplateProps:{type:Object}};var F="",x=e.defineComponent({name:"DReadTipTemplate",props:i,emits:[],setup(f,g){const{defaultTemplateProps:B}=e.toRefs(f);let o=B.value;const m=(o==null?void 0:o.id)?`#${o.id}`:o.selector,c=e.reactive({});if(typeof o.dataFn=="function"){const r=o.dataFn({element:document.querySelector(m),rule:o});o=y(y({},o),r)}const C=e.ref(null);return e.onMounted(()=>{const r=document.querySelector(m).getBoundingClientRect(),l=10;let u=0,d=0;const v=document.querySelector(".read-tip-container").getBoundingClientRect();switch(o.appendToBody&&(u=r.y+document.documentElement.scrollTop,d=r.x),o.position){case"top":c.top=u-v.height-l+"px",c.left=d+"px";break;case"left":c.top=u+"px",c.left=d-v.width-l+"px";break;case"bottom":c.top=u+r.height+l+"px",c.left=d+"px";break;case"right":c.top=u+"px",c.left=d+r.width+l+"px";break}}),()=>e.createVNode(e.Teleport,{to:o.appendToBody?"body":m},{default:()=>{var r;return[e.createVNode("div",{ref:C,class:["read-tip-container",o.position,o.overlayClassName],style:c},[e.createVNode("span",{class:"after"},null),o.contentTemplate?(r=g.slots)==null?void 0:r.default():e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"title"},[o.title]),e.createVNode("div",{class:"content"},[o.content])])])]}})}}),h=e.defineComponent({name:"DReadTip",props:i,emits:[],setup(f,g){const B={trigger:"hover",showAnimate:!1,mouseenterTime:100,mouseleaveTime:100,position:"top",overlayClassName:"",appendToBody:!0,rules:{selector:null}};e.ref(0);const o=y(y({},B),f.readTipOptions),m=e.ref(null),c=t=>()=>{setTimeout(()=>{if(t.id){const s=d.find(n=>n.id===t.id);s.status=!0}t.status=!0},t.mouseenterTime||o.mouseenterTime)},C=t=>()=>{setTimeout(()=>{if(t.id){const s=d.find(n=>n.id===t.id);s.status=!1}t.status=!1},t.mouseleaveTime||o.mouseleaveTime)},r=(t,s="hover")=>(t.map(n=>{n.status=!1,s=n.trigger||s,n.overlayClassName=n.overlayClassName||o.overlayClassName,n.position=n.position||o.position,n.contentTemplate=!!g.slots.contentTemplate,"appendToBody"in n||(n.appendToBody=o.appendToBody),[...m.value.querySelectorAll(n.selector)].map((N,b)=>{n.appendToBody===!1&&(N.style.position="relative");let T=e.reactive({id:null});const V=n.selector.slice(n.selector[0]==="."?1:0)+b;b>0&&(T=y({},n),N.id=V,T.id=V,t.push(T)),s==="hover"&&(N.addEventListener("mouseenter",c(T.id?T:n)),N.addEventListener("mouseleave",C(T.id?T:n)))})}),t);function l(t,s){s.status=!0}const u=t=>{if(t!==null)return typeof t=="object"&&!Array.isArray(t)&&(t=[t]),t=[...t],Array.isArray(t)&&t.map(s=>{s.status=!1}),t},d=e.reactive(u(o.rules)),v=()=>{d.forEach(t=>{t.status=!1})};e.onMounted(()=>{r(d,o.trigger),document.addEventListener("click",v,!0)}),e.onUnmounted(()=>{document.removeEventListener("click",v)});const S=t=>{for(const s of d){const n=m.value.querySelectorAll(s.selector);for(const p of n)if(n.length>1){if(p===t.target&&s.id){l(p,s);return}else if(p===t.target&&!s.id&&!p.id){l(p,s);return}}else if(p===t.target){l(p,s);return}else s.status=!1}};return()=>{var t;return e.createVNode("div",{class:"devui-read-tip"},[e.createVNode("div",{ref:m,onClick:S},[(t=g.slots)==null?void 0:t.default()]),d.map(s=>e.createVNode("div",null,[s.status&&e.createVNode(x,{defaultTemplateProps:y({},s)},{default:()=>{var n;return[s.contentTemplate&&((n=g.slots)==null?void 0:n.contentTemplate())]}})]))])}}});h.install=function(f){f.component(h.name,h)};var A={title:"ReadTip \u9605\u8BFB\u63D0\u793A",category:"\u53CD\u9988",status:"50%",install(f){f.use(h)}};a.ReadTip=h,a.default=A,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/read-tip/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "read-tip",
+  "version": "0.0.0",
+  "main": "index.umd.js",
+  "module": "index.es.js",
+  "style": "style.css"
+}

package/read-tip/style.css

@@ -0,0 +1 @@
+.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:normal;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:bold;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:bold;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:bold;line-height:1.5}.devui-read-tip{position:relative}.devui-read-tip .title{font-size:16px}.source{overflow:initial}.read-tip-container{font-size:var(--devui-font-size, 12px);position:absolute;width:max-content;height:max-content;line-height:1.5;border:none;border-radius:var(--devui-border-radius-feedback, 4px);background-color:var(--devui-feedback-overlay-bg, #464d6e);color:var(--devui-feedback-overlay-text, #dfe1e6);overflow-wrap:break-word;padding:10px;z-index:50}.read-tip-container .after{content:"";width:12px;height:12px;transform:rotate(45deg);position:absolute;background-color:var(--devui-feedback-overlay-bg, #464d6e)}.read-tip-container.top .after{bottom:-4px}.read-tip-container.left .after{right:-4px}.read-tip-container.right .after{left:-4px}.read-tip-container.bottom .after{top:-4px}

package/ripple/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/search/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/search/index.es.js

@@ -370,6 +370,7 @@ var DInput = defineComponent({
   emits: ["update:value", "focus", "blur", "change", "keydown"],
   setup(props, ctx) {
     const formItem = inject(formItemInjectionKey, {});
+    const hasFormItem = Object.keys(formItem).length > 0;
     const sizeCls = computed(() => `devui-input-${props.size}`);
     const showPwdIcon = ref(false);
     const inputType = ref("text");
@@ -391,15 +392,15 @@ var DInput = defineComponent({
     });
     const onInput = ($event) => {
       ctx.emit("update:value", $event.target.value);
-      formItem.formItemMitt.emit(dFormItemEvents.input);
+      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.input);
     }, onFocus = () => {
       ctx.emit("focus");
     }, onBlur = () => {
       ctx.emit("blur");
-      formItem.formItemMitt.emit(dFormItemEvents.blur);
+      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.blur);
     }, onChange = ($event) => {
       ctx.emit("change", $event.target.value);
-      formItem.formItemMitt.emit(dFormItemEvents.change);
+      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.change);
     }, onKeydown = ($event) => {
       ctx.emit("keydown", $event);
     }, onChangeInputType = () => {

package/search/index.umd.js

@@ -1 +1 @@
-(function(m,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(m=typeof globalThis!="undefined"?globalThis:m||self,n(m.index={},m.Vue))})(this,function(m,n){"use strict";const z={size:{type:String,default:""},placeholder:{type:String,default:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},delay:{type:Number,default:300},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},isKeyupSearch:{type:Boolean,default:!1},iconPosition:{type:String,default:"right"},noBorder:{type:Boolean,default:!1},cssClass:{type:String,default:""},modelValue:{type:String,default:""},searchFn:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}},K={lg:"lg",sm:"sm"},M={right:"right",left:"left"},L=e=>n.computed(()=>({"devui-search":!0,"devui-search__disbaled":e.disabled,"devui-search__no-border":e.noBorder,[`devui-search__${e.size}`]:K[e.size],[`devui-search__${e.iconPosition}`]:M[e.iconPosition]})),$=(e,t)=>{const r=n.ref("");n.watch(()=>t.modelValue,u=>{r.value=u},{immediate:!0});const a=()=>{r.value="",e.emit("update:modelValue","")},i=n.computed(()=>r.value.length>0);return{keywords:r,clearIconShow:i,onClearHandle:a}};var A=typeof global=="object"&&global&&global.Object===Object&&global,D=A,H=typeof self=="object"&&self&&self.Object===Object&&self,R=D||H||Function("return this")(),j=R,U=j.Symbol,I=U,k=Object.prototype,W=k.hasOwnProperty,G=k.toString,v=I?I.toStringTag:void 0;function X(e){var t=W.call(e,v),r=e[v];try{e[v]=void 0;var a=!0}catch{}var i=G.call(e);return a&&(t?e[v]=r:delete e[v]),i}var q=Object.prototype,Y=q.toString;function Z(e){return Y.call(e)}var J="[object Null]",Q="[object Undefined]",E=I?I.toStringTag:void 0;function ee(e){return e==null?e===void 0?Q:J:E&&E in Object(e)?X(e):Z(e)}function ne(e){return e!=null&&typeof e=="object"}var te="[object Symbol]";function oe(e){return typeof e=="symbol"||ne(e)&&ee(e)==te}var re=/\s/;function ae(e){for(var t=e.length;t--&&re.test(e.charAt(t)););return t}var ie=/^\s+/;function ue(e){return e&&e.slice(0,ae(e)+1).replace(ie,"")}function T(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var O=0/0,le=/^[-+]0x[0-9a-f]+$/i,se=/^0b[01]+$/i,de=/^0o[0-7]+$/i,ce=parseInt;function P(e){if(typeof e=="number")return e;if(oe(e))return O;if(T(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=T(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=ue(e);var r=se.test(e);return r||de.test(e)?ce(e.slice(2),r?2:8):le.test(e)?O:+e}var fe=function(){return j.Date.now()},F=fe,me="Expected a function",pe=Math.max,ye=Math.min;function he(e,t,r){var a,i,u,s,o,d,f=0,p=!1,y=!1,g=!0;if(typeof e!="function")throw new TypeError(me);t=P(t)||0,T(r)&&(p=!!r.leading,y="maxWait"in r,u=y?pe(P(r.maxWait)||0,t):u,g="trailing"in r?!!r.trailing:g);function b(l){var h=a,w=i;return a=i=void 0,f=l,s=e.apply(w,h),s}function c(l){return f=l,o=setTimeout(C,t),p?b(l):s}function Ce(l){var h=l-d,w=l-f,x=t-h;return y?ye(x,u-w):x}function B(l){var h=l-d,w=l-f;return d===void 0||h>=t||h<0||y&&w>=u}function C(){var l=F();if(B(l))return V(l);o=setTimeout(C,Ce(l))}function V(l){return o=void 0,g&&a?b(l):(a=i=void 0,s)}function Te(){o!==void 0&&clearTimeout(o),f=0,a=d=i=o=void 0}function Fe(){return o===void 0?s:V(F())}function N(){var l=F(),h=B(l);if(a=arguments,i=this,d=l,h){if(o===void 0)return c(d);if(y)return clearTimeout(o),o=setTimeout(C,t),b(d)}return o===void 0&&(o=setTimeout(C,t)),s}return N.cancel=Te,N.flush=Fe,N}const ge={enter:"Enter"},be=(e,t,r)=>{const a=o=>{switch(o.key){case ge.enter:i(o);break}},i=o=>{if(o.target instanceof HTMLInputElement){const d=o.target.value;s(d)}},u=()=>{s(t.value)},s=he(o=>{e.emit("searchFn",o)},r);return{onInputKeydown:a,useEmitKeyword:s,onClickHandle:u}},ve={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var _e="";const Se=Symbol("dFormItem"),_={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var we=n.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,t){t.value&&e.focus()}}},props:ve,emits:["update:value","focus","blur","change","keydown"],setup(e,t){const r=n.inject(Se,{}),a=n.computed(()=>`devui-input-${e.size}`),i=n.ref(!1),u=n.ref("text"),s=n.computed(()=>({error:e.error,[e.cssClass]:!0,[a.value]:e.size!==""})),o=n.computed(()=>u.value==="password");return n.watch(()=>e.showPassword,c=>{u.value=c?"password":"text"},{immediate:!0}),n.watch(()=>e.value,c=>{c&&c.length>0&&o.value?i.value=!0:i.value=!1}),{inputCls:s,inputType:u,showPreviewIcon:o,showPwdIcon:i,onInput:c=>{t.emit("update:value",c.target.value),r.formItemMitt.emit(_.input)},onFocus:()=>{t.emit("focus")},onBlur:()=>{t.emit("blur"),r.formItemMitt.emit(_.blur)},onChange:c=>{t.emit("change",c.target.value),r.formItemMitt.emit(_.change)},onKeydown:c=>{t.emit("keydown",c)},onChangeInputType:()=>{u.value=u.value==="password"?"text":"password"}}},render(){const{value:e,showPreviewIcon:t,showPwdIcon:r,inputCls:a,inputType:i,maxLength:u,autoFocus:s,placeholder:o,disabled:d,onInput:f,onFocus:p,onBlur:y,onChange:g,onKeydown:b,onChangeInputType:c}=this;return n.createVNode("div",{class:"devui-input__wrap"},[n.withDirectives(n.createVNode("input",n.mergeProps({dinput:!0},{value:e,disabled:d,type:i,maxlength:u,placeholder:o,class:a,onInput:f,onFocus:p,onBlur:y,onChange:g,onKeydown:b}),null),[[n.resolveDirective("focus"),s]]),r&&n.createVNode("div",{class:"devui-input__preview",onClick:c},[t?n.createVNode(n.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):n.createVNode(n.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}}),Ne="",S=n.defineComponent({name:"DSearch",props:z,emits:["update:modelValue","searchFn"],setup(e,t){const r=L(e),{keywords:a,clearIconShow:i,onClearHandle:u}=$(t,e),{onInputKeydown:s,onClickHandle:o,useEmitKeyword:d}=be(t,a,e.delay),f=p=>{e.isKeyupSearch&&d(p),a.value=p,t.emit("update:modelValue",p)};return()=>n.createVNode("div",{class:r.value},[e.iconPosition==="left"&&n.createVNode("div",{class:"devui-search__icon",onClick:o},[n.createVNode(n.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)]),n.createVNode(we,{size:e.size,disabled:e.disabled,autoFocus:e.autoFocus,value:a.value,maxLength:e.maxLength,placeholder:e.placeholder,cssClass:e.cssClass,onKeydown:s,"onUpdate:value":f},null),i.value&&n.createVNode("div",{class:"devui-search__clear",onClick:u},[n.createVNode(n.resolveComponent("d-icon"),{name:"close",size:"inherit"},null)]),e.iconPosition==="right"&&n.createVNode("div",{class:"devui-search__icon",onClick:o},[n.createVNode(n.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)])])}});S.install=function(e){e.component(S.name,S)};var Ie={title:"Search \u641C\u7D22\u6846",category:"\u901A\u7528",status:"\u5DF2\u5B8C\u6210",install(e){e.use(S)}};m.Search=S,m.default=Ie,Object.defineProperty(m,"__esModule",{value:!0}),m[Symbol.toStringTag]="Module"});
+(function(m,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(m=typeof globalThis!="undefined"?globalThis:m||self,t(m.index={},m.Vue))})(this,function(m,t){"use strict";const K={size:{type:String,default:""},placeholder:{type:String,default:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},delay:{type:Number,default:300},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},isKeyupSearch:{type:Boolean,default:!1},iconPosition:{type:String,default:"right"},noBorder:{type:Boolean,default:!1},cssClass:{type:String,default:""},modelValue:{type:String,default:""},searchFn:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}},M={lg:"lg",sm:"sm"},L={right:"right",left:"left"},$=e=>t.computed(()=>({"devui-search":!0,"devui-search__disbaled":e.disabled,"devui-search__no-border":e.noBorder,[`devui-search__${e.size}`]:M[e.size],[`devui-search__${e.iconPosition}`]:L[e.iconPosition]})),A=(e,n)=>{const o=t.ref("");t.watch(()=>n.modelValue,s=>{o.value=s},{immediate:!0});const a=()=>{o.value="",e.emit("update:modelValue","")},l=t.computed(()=>o.value.length>0);return{keywords:o,clearIconShow:l,onClearHandle:a}};var D=typeof global=="object"&&global&&global.Object===Object&&global,H=D,R=typeof self=="object"&&self&&self.Object===Object&&self,U=H||R||Function("return this")(),k=U,W=k.Symbol,I=W,E=Object.prototype,G=E.hasOwnProperty,X=E.toString,v=I?I.toStringTag:void 0;function q(e){var n=G.call(e,v),o=e[v];try{e[v]=void 0;var a=!0}catch{}var l=X.call(e);return a&&(n?e[v]=o:delete e[v]),l}var Y=Object.prototype,Z=Y.toString;function J(e){return Z.call(e)}var Q="[object Null]",ee="[object Undefined]",O=I?I.toStringTag:void 0;function te(e){return e==null?e===void 0?ee:Q:O&&O in Object(e)?q(e):J(e)}function ne(e){return e!=null&&typeof e=="object"}var oe="[object Symbol]";function re(e){return typeof e=="symbol"||ne(e)&&te(e)==oe}var ae=/\s/;function ie(e){for(var n=e.length;n--&&ae.test(e.charAt(n)););return n}var ue=/^\s+/;function le(e){return e&&e.slice(0,ie(e)+1).replace(ue,"")}function F(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var P=0/0,se=/^[-+]0x[0-9a-f]+$/i,de=/^0b[01]+$/i,ce=/^0o[0-7]+$/i,fe=parseInt;function B(e){if(typeof e=="number")return e;if(re(e))return P;if(F(e)){var n=typeof e.valueOf=="function"?e.valueOf():e;e=F(n)?n+"":n}if(typeof e!="string")return e===0?e:+e;e=le(e);var o=de.test(e);return o||ce.test(e)?fe(e.slice(2),o?2:8):se.test(e)?P:+e}var me=function(){return k.Date.now()},_=me,ye="Expected a function",pe=Math.max,he=Math.min;function ge(e,n,o){var a,l,s,i,r,d,f=0,y=!1,p=!1,g=!0;if(typeof e!="function")throw new TypeError(ye);n=B(n)||0,F(o)&&(y=!!o.leading,p="maxWait"in o,s=p?pe(B(o.maxWait)||0,n):s,g="trailing"in o?!!o.trailing:g);function b(u){var h=a,w=l;return a=l=void 0,f=u,i=e.apply(w,h),i}function C(u){return f=u,r=setTimeout(T,n),y?b(u):i}function c(u){var h=u-d,w=u-f,z=n-h;return p?he(z,s-w):z}function V(u){var h=u-d,w=u-f;return d===void 0||h>=n||h<0||p&&w>=s}function T(){var u=_();if(V(u))return x(u);r=setTimeout(T,c(u))}function x(u){return r=void 0,g&&a?b(u):(a=l=void 0,i)}function Te(){r!==void 0&&clearTimeout(r),f=0,a=d=l=r=void 0}function Fe(){return r===void 0?i:x(_())}function j(){var u=_(),h=V(u);if(a=arguments,l=this,d=u,h){if(r===void 0)return C(d);if(p)return clearTimeout(r),r=setTimeout(T,n),b(d)}return r===void 0&&(r=setTimeout(T,n)),i}return j.cancel=Te,j.flush=Fe,j}const be={enter:"Enter"},ve=(e,n,o)=>{const a=r=>{switch(r.key){case be.enter:l(r);break}},l=r=>{if(r.target instanceof HTMLInputElement){const d=r.target.value;i(d)}},s=()=>{i(n.value)},i=ge(r=>{e.emit("searchFn",r)},o);return{onInputKeydown:a,useEmitKeyword:i,onClickHandle:s}},Se={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var _e="";const we=Symbol("dFormItem"),N={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var Ie=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,n){n.value&&e.focus()}}},props:Se,emits:["update:value","focus","blur","change","keydown"],setup(e,n){const o=t.inject(we,{}),a=Object.keys(o).length>0,l=t.computed(()=>`devui-input-${e.size}`),s=t.ref(!1),i=t.ref("text"),r=t.computed(()=>({error:e.error,[e.cssClass]:!0,[l.value]:e.size!==""})),d=t.computed(()=>i.value==="password");return t.watch(()=>e.showPassword,c=>{i.value=c?"password":"text"},{immediate:!0}),t.watch(()=>e.value,c=>{c&&c.length>0&&d.value?s.value=!0:s.value=!1}),{inputCls:r,inputType:i,showPreviewIcon:d,showPwdIcon:s,onInput:c=>{n.emit("update:value",c.target.value),a&&o.formItemMitt.emit(N.input)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur"),a&&o.formItemMitt.emit(N.blur)},onChange:c=>{n.emit("change",c.target.value),a&&o.formItemMitt.emit(N.change)},onKeydown:c=>{n.emit("keydown",c)},onChangeInputType:()=>{i.value=i.value==="password"?"text":"password"}}},render(){const{value:e,showPreviewIcon:n,showPwdIcon:o,inputCls:a,inputType:l,maxLength:s,autoFocus:i,placeholder:r,disabled:d,onInput:f,onFocus:y,onBlur:p,onChange:g,onKeydown:b,onChangeInputType:C}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:d,type:l,maxlength:s,placeholder:r,class:a,onInput:f,onFocus:y,onBlur:p,onChange:g,onKeydown:b}),null),[[t.resolveDirective("focus"),i]]),o&&t.createVNode("div",{class:"devui-input__preview",onClick:C},[n?t.createVNode(t.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):t.createVNode(t.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}}),Ne="",S=t.defineComponent({name:"DSearch",props:K,emits:["update:modelValue","searchFn"],setup(e,n){const o=$(e),{keywords:a,clearIconShow:l,onClearHandle:s}=A(n,e),{onInputKeydown:i,onClickHandle:r,useEmitKeyword:d}=ve(n,a,e.delay),f=y=>{e.isKeyupSearch&&d(y),a.value=y,n.emit("update:modelValue",y)};return()=>t.createVNode("div",{class:o.value},[e.iconPosition==="left"&&t.createVNode("div",{class:"devui-search__icon",onClick:r},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)]),t.createVNode(Ie,{size:e.size,disabled:e.disabled,autoFocus:e.autoFocus,value:a.value,maxLength:e.maxLength,placeholder:e.placeholder,cssClass:e.cssClass,onKeydown:i,"onUpdate:value":f},null),l.value&&t.createVNode("div",{class:"devui-search__clear",onClick:s},[t.createVNode(t.resolveComponent("d-icon"),{name:"close",size:"inherit"},null)]),e.iconPosition==="right"&&t.createVNode("div",{class:"devui-search__icon",onClick:r},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)])])}});S.install=function(e){e.component(S.name,S)};var Ce={title:"Search \u641C\u7D22\u6846",category:"\u901A\u7528",status:"\u5DF2\u5B8C\u6210",install(e){e.use(S)}};m.Search=S,m.default=Ce,Object.defineProperty(m,"__esModule",{value:!0}),m[Symbol.toStringTag]="Module"});

package/select/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/select/index.es.js

@@ -122,10 +122,17 @@ const commonProps = {
     type: String,
     default: void 0
   },
+  halfchecked: {
+    type: Boolean,
+    default: false
+  },
   isShowTitle: {
     type: Boolean,
     default: true
   },
+  title: {
+    type: String
+  },
   color: {
     type: String,
     default: void 0
@@ -221,15 +228,15 @@ var Checkbox = defineComponent({
     });
     const mergedIsShowTitle = computed(() => {
       var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle) != null ? _a : props.isShowTitle;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle.value) != null ? _a : props.isShowTitle;
     });
     const mergedShowAnimation = computed(() => {
       var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation) != null ? _a : props.showAnimation;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation.value) != null ? _a : props.showAnimation;
     });
     const mergedColor = computed(() => {
       var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color) != null ? _a : props.color;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
     });
     const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
     const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
@@ -256,7 +263,7 @@ var Checkbox = defineComponent({
       ctx.emit("change", current);
     };
     const handleClick = () => {
-      canChange(!isChecked.value, props.value).then((res) => res && toggle());
+      canChange(!isChecked.value, props.label).then((res) => res && toggle());
     };
     return {
       itemWidth,
@@ -371,8 +378,20 @@ var CheckboxGroup = defineComponent({
       disabled: false
     };
     const toggleGroupVal = (val) => {
-      const index2 = valList.value.findIndex((item) => item === val);
+      let index2 = -1;
+      if (typeof valList.value[0] === "string") {
+        index2 = valList.value.findIndex((item) => item === val);
+      } else if (typeof valList.value[0] === "object") {
+        index2 = valList.value.findIndex((item) => item.value === val);
+      }
       if (index2 === -1) {
+        if (typeof props.options[0] === "object") {
+          const newOne = props.options.find((item) => item.value === val);
+          const res2 = [...valList.value, newOne];
+          ctx.emit("update:modelValue", res2);
+          ctx.emit("change", res2);
+          return;
+        }
         const res = [...valList.value, val];
         ctx.emit("update:modelValue", res);
         ctx.emit("change", res);
@@ -382,7 +401,13 @@ var CheckboxGroup = defineComponent({
       ctx.emit("update:modelValue", valList.value);
       ctx.emit("change", valList.value);
     };
-    const isItemChecked = (itemVal) => valList.value.includes(itemVal);
+    const isItemChecked = (itemVal) => {
+      if (typeof valList.value[0] === "string") {
+        return valList.value.includes(itemVal);
+      } else if (typeof valList.value[0] === "object") {
+        return valList.value.some((item) => item.value === itemVal);
+      }
+    };
     provide(checkboxGroupInjectionKey, {
       disabled: toRef(props, "disabled"),
       isShowTitle: toRef(props, "isShowTitle"),
@@ -409,7 +434,17 @@ var CheckboxGroup = defineComponent({
     let children = (_a = $slots.default) == null ? void 0 : _a.call($slots);
     if ((options == null ? void 0 : options.length) > 0) {
       children = options.map((opt) => {
-        const mergedOpt = Object.assign({}, defaultOpt, opt);
+        let mergedOpt = null;
+        if (typeof opt === "string") {
+          mergedOpt = Object.assign({}, defaultOpt, {
+            label: opt,
+            value: opt
+          });
+        } else if (typeof opt === "object") {
+          mergedOpt = Object.assign({}, defaultOpt, __spreadProps(__spreadValues({}, opt), {
+            label: opt.name
+          }));
+        }
         return createVNode(Checkbox, mergedOpt, null);
       });
     }