vue-devui 1.0.0-rc.4 → 1.0.0-rc.7

package/comment/index.es.js

@@ -1,84 +0,0 @@
-import { defineComponent, createVNode } from "vue";
-const commentProps = {
-  actions: {
-    type: Object,
-    default: null
-  },
-  author: {
-    type: Object,
-    default: null
-  },
-  avatar: {
-    type: Object,
-    default: null
-  },
-  content: {
-    type: Object,
-    default: null
-  },
-  datetime: {
-    type: Object,
-    default: null
-  }
-};
-var comment = "";
-var Comment = defineComponent({
-  name: "DComment",
-  props: commentProps,
-  emits: [],
-  slots: ["actions", "author", "avatar", "content", "datetime"],
-  setup(props, {
-    slots
-  }) {
-    return () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-      const getAction = (actions2) => {
-        if (!actions2 || !actions2.length) {
-          return null;
-        }
-        const actionList = actions2.map((action, index2) => createVNode("li", {
-          "key": `devui-comment-action-${index2}`,
-          "class": `devui-comment-action-${index2}`
-        }, [action]));
-        return actionList;
-      };
-      const actions = (_b = props.actions) != null ? _b : (_a = slots.actions) == null ? void 0 : _a.call(slots);
-      const author = (_d = props.author) != null ? _d : (_c = slots.author) == null ? void 0 : _c.call(slots);
-      const avatar = (_f = props.avatar) != null ? _f : (_e = slots.avatar) == null ? void 0 : _e.call(slots);
-      const content = (_h = props.content) != null ? _h : (_g = slots.content) == null ? void 0 : _g.call(slots);
-      const datetime = (_j = props.datetime) != null ? _j : (_i = slots.datetime) == null ? void 0 : _i.call(slots);
-      const avatarDom = createVNode("div", {
-        "class": `devui-comment-avatar`
-      }, [typeof avatar === "string" ? createVNode("img", {
-        "src": avatar,
-        "alt": "comment-avatar"
-      }, null) : avatar]);
-      const actionsList = Array.isArray(actions) ? actions : [actions];
-      const actionDom = actions ? createVNode("ul", {
-        "class": `devui-comment-actions`
-      }, [getAction(actionsList)]) : null;
-      return createVNode("div", {
-        "class": "devui-comment"
-      }, [avatarDom, createVNode("div", {
-        "class": "devui-comment-right"
-      }, [createVNode("div", {
-        "class": "devui-comment-head"
-      }, [createVNode("div", {
-        "class": "devui-comment-author"
-      }, [author]), createVNode("div", {
-        "class": "devui-comment-datetime"
-      }, [datetime])]), createVNode("div", {
-        "class": "devui-comment-content"
-      }, [content]), actionDom])]);
-    };
-  }
-});
-var index = {
-  title: "Comment \u8BC4\u8BBA",
-  category: "\u6570\u636E\u5C55\u793A",
-  status: "100%",
-  install(app) {
-    app.component(Comment.name, Comment);
-  }
-};
-export { Comment, commentProps, index as default };

package/comment/index.umd.js

@@ -1 +0,0 @@
-(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const m={actions:{type:Object,default:null},author:{type:Object,default:null},avatar:{type:Object,default:null},content:{type:Object,default:null},datetime:{type:Object,default:null}};var P="",i=e.defineComponent({name:"DComment",props:m,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:t}){return()=>{var u,r,f,v,l,y,h,V,p,N;const j=d=>!d||!d.length?null:d.map((L,b)=>e.createVNode("li",{key:`devui-comment-action-${b}`,class:`devui-comment-action-${b}`},[L])),c=(r=a.actions)!=null?r:(u=t.actions)==null?void 0:u.call(t),C=(v=a.author)!=null?v:(f=t.author)==null?void 0:f.call(t),o=(y=a.avatar)!=null?y:(l=t.avatar)==null?void 0:l.call(t),O=(V=a.content)!=null?V:(h=t.content)==null?void 0:h.call(t),A=(N=a.datetime)!=null?N:(p=t.datetime)==null?void 0:p.call(t),s=e.createVNode("div",{class:"devui-comment-avatar"},[typeof o=="string"?e.createVNode("img",{src:o,alt:"comment-avatar"},null):o]),B=Array.isArray(c)?c:[c],D=c?e.createVNode("ul",{class:"devui-comment-actions"},[j(B)]):null;return e.createVNode("div",{class:"devui-comment"},[s,e.createVNode("div",{class:"devui-comment-right"},[e.createVNode("div",{class:"devui-comment-head"},[e.createVNode("div",{class:"devui-comment-author"},[C]),e.createVNode("div",{class:"devui-comment-datetime"},[A])]),e.createVNode("div",{class:"devui-comment-content"},[O]),D])])}}}),g={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(i.name,i)}};n.Comment=i,n.commentProps=m,n.default=g,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/comment/style.css

@@ -1 +0,0 @@
-.devui-comment{display:flex;align-items:flex-start}.devui-comment-avatar{margin:0 16px 0 0}.devui-comment-head{display:flex;align-items:center}.devui-comment-author{padding:0 8px 0 0;font-size:var(--devui-font-size, 12px);color:var(--devui-text-weak, #575d6c)}.devui-comment-datetime{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #8a8e99)}.devui-comment-content{font-size:var(--devui-text, #252b3a)}.devui-comment-actions{padding:0;list-style-type:none;margin:12px 0 0}

package/nuxt/components/Comment.js

@@ -1,3 +0,0 @@
-import '../../comment/style.css' 
-
-export  { Comment as default } from '../../comment/index.es.js'

package/nuxt/components/ReadTip.js

@@ -1,3 +0,0 @@
-import '../../read-tip/style.css' 
-
-export  { ReadTip as default } from '../../read-tip/index.es.js'

package/nuxt/components/TagInput.js

@@ -1,3 +0,0 @@
-import '../../tag-input/style.css' 
-
-export  { TagInput as default } from '../../tag-input/index.es.js'

package/nuxt/components/commentProps.js

@@ -1,3 +0,0 @@
-import '../../comment/style.css' 
-
-export  { commentProps as default } from '../../comment/index.es.js'

package/nuxt/components/readTipProps.js

@@ -1,3 +0,0 @@
-import '../../read-tip/style.css' 
-
-export  { readTipProps as default } from '../../read-tip/index.es.js'

package/nuxt/components/tagInputProps.js

@@ -1,3 +0,0 @@
-import '../../tag-input/style.css' 
-
-export  { tagInputProps as default } from '../../tag-input/index.es.js'

package/read-tip/index.es.js

@@ -1,261 +0,0 @@
-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);
-    const deviation = (x) => {
-      let deviationConstant = x > 24 ? 0 : -(x / 2) + 2;
-      if (x <= 10) {
-        deviationConstant = -10;
-      }
-      return deviationConstant;
-    };
-    onMounted(() => {
-      var _a, _b;
-      const domBounding = (_a = document.querySelector(query)) == null ? void 0 : _a.getBoundingClientRect();
-      const {
-        width,
-        height
-      } = domBounding;
-      const distance = 10;
-      let positionTop = 0;
-      const heightDeviation = deviation(height);
-      const widthDeviation = deviation(width);
-      let positionLeft = 0;
-      const targetDom = (_b = document.querySelector(".read-tip-container")) == null ? void 0 : _b.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 + widthDeviation + "px";
-          break;
-        case "left":
-          styles.top = positionTop + heightDeviation + "px";
-          styles.left = positionLeft - targetDom.width - distance + "px";
-          break;
-        case "bottom":
-          styles.top = positionTop + domBounding.height + distance + "px";
-          styles.left = positionLeft + widthDeviation + "px";
-          break;
-        case "right":
-          styles.top = positionTop + heightDeviation + "px";
-          styles.left = positionLeft + domBounding.width + distance + "px";
-          break;
-      }
-    });
-    return () => {
-      return createVNode(Teleport, {
-        "to": rule.appendToBody ? "body" : query
-      }, {
-        default: () => {
-          var _a, _b;
-          return [createVNode("div", {
-            "ref": temp,
-            "class": ["read-tip-container", rule.position, rule.overlayClassName],
-            "style": styles
-          }, [createVNode("span", {
-            "class": "after"
-          }, null), rule.contentTemplate ? (_b = (_a = ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a) : createVNode(Fragment, null, [createVNode("div", {
-            "class": "title"
-          }, [rule.title]), createVNode("div", {
-            "class": "content"
-          }, [rule.content])])])];
-        }
-      });
-    };
-  }
-});
-const rules = (ruleList) => {
-  if (ruleList === null) {
-    return [];
-  }
-  if (typeof ruleList === "object" && !Array.isArray(ruleList)) {
-    ruleList = [ruleList];
-  }
-  ruleList = [...ruleList];
-  Array.isArray(ruleList) && ruleList.map((rule) => {
-    rule.status = false;
-  });
-  return ruleList;
-};
-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
-      }
-    };
-    const options = __spreadValues(__spreadValues({}, defaultOptions), props.readTipOptions);
-    const defaultSlot = ref(null);
-    const refRules = reactive(rules(options.rules));
-    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 = (ruleList, trigger = "hover") => {
-      ruleList.map((rule) => {
-        var _a;
-        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 = (_a = defaultSlot.value) == null ? void 0 : _a.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;
-            ruleList.push(newRule);
-          }
-          if (trigger === "hover") {
-            dom.addEventListener("mouseenter", onMouseenter(newRule.id ? newRule : rule));
-            dom.addEventListener("mouseleave", onMouseleave(newRule.id ? newRule : rule));
-          }
-        });
-      });
-      return ruleList;
-    };
-    function show(_, rule) {
-      rule.status = true;
-    }
-    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) => {
-      var _a;
-      for (const rule of refRules) {
-        const doms = (_a = defaultSlot.value) == null ? void 0 : _a.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, _b;
-      return createVNode("div", {
-        "class": "devui-read-tip"
-      }, [createVNode("div", {
-        "ref": defaultSlot,
-        "onClick": onClick
-      }, [(_b = (_a = ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a)]), refRules.map((rule) => createVNode("div", {
-        "data-test": "todo"
-      }, [rule.status && createVNode(TipsTemplate, {
-        "defaultTemplateProps": __spreadValues({}, rule)
-      }, {
-        default: () => {
-          var _a2, _b2;
-          return [rule.contentTemplate && ((_b2 = (_a2 = ctx.slots) == null ? void 0 : _a2.contentTemplate) == null ? void 0 : _b2.call(_a2))];
-        }
-      })]))]);
-    };
-  }
-});
-var index = {
-  title: "ReadTip \u9605\u8BFB\u63D0\u793A",
-  category: "\u53CD\u9988",
-  status: "100%",
-  install(app) {
-    app.component(ReadTip.name, ReadTip);
-  }
-};
-export { ReadTip, index as default, readTipProps };

package/read-tip/index.umd.js

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

package/read-tip/style.css

@@ -1 +0,0 @@
-.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}