vue-devui 1.0.0-rc.1 → 1.0.0-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (328) hide show
  1. package/README.md +149 -200
  2. package/alert/index.es.js +46 -15
  3. package/alert/index.umd.js +1 -1
  4. package/alert/style.css +1 -1
  5. package/auto-complete/index.es.js +8166 -287
  6. package/auto-complete/index.umd.js +29 -1
  7. package/auto-complete/style.css +1 -1
  8. package/avatar/index.es.js +153 -146
  9. package/avatar/index.umd.js +1 -1
  10. package/avatar/style.css +1 -1
  11. package/badge/index.es.js +29 -4
  12. package/badge/index.umd.js +1 -1
  13. package/badge/style.css +1 -1
  14. package/button/index.es.js +5726 -111
  15. package/button/index.umd.js +27 -1
  16. package/button/style.css +1 -1
  17. package/card/index.es.js +59 -35
  18. package/card/index.umd.js +1 -1
  19. package/card/style.css +1 -1
  20. package/checkbox/index.es.js +8060 -255
  21. package/checkbox/index.umd.js +27 -1
  22. package/checkbox/style.css +1 -1
  23. package/{accordion → collapse}/index.d.ts +0 -0
  24. package/collapse/index.es.js +379 -0
  25. package/collapse/index.umd.js +1 -0
  26. package/{anchor → collapse}/package.json +1 -1
  27. package/collapse/style.css +1 -0
  28. package/countdown/index.es.js +3 -6
  29. package/countdown/index.umd.js +1 -1
  30. package/date-picker/index.es.js +8130 -242
  31. package/date-picker/index.umd.js +27 -1
  32. package/date-picker/style.css +1 -1
  33. package/drawer/index.es.js +31 -4
  34. package/drawer/index.umd.js +1 -1
  35. package/drawer/style.css +1 -1
  36. package/dropdown/index.es.js +209 -148
  37. package/dropdown/index.umd.js +1 -1
  38. package/dropdown/style.css +1 -1
  39. package/editable-select/index.es.js +521 -153
  40. package/editable-select/index.umd.js +1 -1
  41. package/editable-select/style.css +1 -1
  42. package/form/index.es.js +1040 -1187
  43. package/form/index.umd.js +16 -16
  44. package/form/style.css +1 -1
  45. package/fullscreen/index.es.js +29 -5
  46. package/fullscreen/index.umd.js +1 -1
  47. package/fullscreen/style.css +1 -1
  48. package/grid/index.es.js +101 -86
  49. package/grid/index.umd.js +1 -1
  50. package/grid/style.css +1 -1
  51. package/icon/index.es.js +182 -23
  52. package/icon/index.umd.js +1 -1
  53. package/icon/style.css +1 -0
  54. package/image-preview/index.es.js +53 -30
  55. package/image-preview/index.umd.js +1 -1
  56. package/image-preview/style.css +1 -1
  57. package/input/index.es.js +8066 -144
  58. package/input/index.umd.js +27 -1
  59. package/input/style.css +1 -1
  60. package/input-number/index.es.js +274 -177
  61. package/input-number/index.umd.js +1 -1
  62. package/input-number/style.css +1 -1
  63. package/layout/index.es.js +40 -25
  64. package/layout/index.umd.js +1 -1
  65. package/layout/style.css +1 -1
  66. package/loading/index.es.js +74 -35
  67. package/loading/index.umd.js +1 -1
  68. package/loading/style.css +1 -1
  69. package/modal/index.es.js +374 -171
  70. package/modal/index.umd.js +1 -1
  71. package/modal/style.css +1 -1
  72. package/notification/index.es.js +292 -40
  73. package/notification/index.umd.js +1 -1
  74. package/notification/style.css +1 -1
  75. package/nuxt/components/ButtonGroup.js +3 -0
  76. package/nuxt/components/CheckboxButton.js +3 -0
  77. package/nuxt/components/CheckboxGroup.js +3 -0
  78. package/nuxt/components/Collapse.js +3 -0
  79. package/nuxt/components/CollapseItem.js +3 -0
  80. package/nuxt/components/DropdownPropsKey.js +3 -0
  81. package/nuxt/components/FORM_ITEM_TOKEN.js +3 -0
  82. package/nuxt/components/FORM_TOKEN.js +3 -0
  83. package/nuxt/components/Icon.js +1 -0
  84. package/nuxt/components/IconGroup.js +3 -0
  85. package/nuxt/components/LABEL_DATA.js +3 -0
  86. package/nuxt/components/LoadingOptions.js +3 -0
  87. package/nuxt/components/Option.js +3 -0
  88. package/nuxt/components/RadioButton.js +3 -0
  89. package/nuxt/components/Tab.js +3 -0
  90. package/nuxt/components/autoCompleteProps.js +3 -0
  91. package/nuxt/components/avatarProps.js +3 -0
  92. package/nuxt/components/buttonGroupInjectionKey.js +3 -0
  93. package/nuxt/components/buttonGroupProps.js +3 -0
  94. package/nuxt/components/cardProps.js +3 -0
  95. package/nuxt/components/checkboxGroupInjectionKey.js +3 -0
  96. package/nuxt/components/checkboxGroupProps.js +3 -0
  97. package/nuxt/components/checkboxProps.js +3 -0
  98. package/nuxt/components/colProps.js +3 -0
  99. package/nuxt/components/colPropsBaseClass.js +3 -0
  100. package/nuxt/components/colPropsBaseStyle.js +3 -0
  101. package/nuxt/components/collapseItemProps.js +3 -0
  102. package/nuxt/components/collapseProps.js +3 -0
  103. package/nuxt/components/countdownProps.js +3 -0
  104. package/nuxt/components/editableSelectProps.js +3 -0
  105. package/nuxt/components/formItemProps.js +3 -0
  106. package/nuxt/components/formProps.js +3 -0
  107. package/nuxt/components/iconProps.js +1 -0
  108. package/nuxt/components/imagePreviewProps.js +3 -0
  109. package/nuxt/components/inputProps.js +3 -0
  110. package/nuxt/components/loadingProps.js +3 -0
  111. package/nuxt/components/modalProps.js +3 -0
  112. package/nuxt/components/progressProps.js +3 -0
  113. package/nuxt/components/rateProps.js +3 -0
  114. package/nuxt/components/resultProps.js +3 -0
  115. package/nuxt/components/rowProps.js +3 -0
  116. package/nuxt/components/screenSizes.js +3 -0
  117. package/nuxt/components/skeletonProps.js +3 -0
  118. package/nuxt/components/sliderProps.js +3 -0
  119. package/nuxt/components/splitterProps.js +3 -0
  120. package/nuxt/components/statisticProps.js +3 -0
  121. package/nuxt/components/svgIconProps.js +3 -0
  122. package/nuxt/components/switchProps.js +3 -0
  123. package/nuxt/components/tabsProps.js +3 -0
  124. package/nuxt/components/tagProps.js +3 -0
  125. package/nuxt/components/textareaProps.js +3 -0
  126. package/nuxt/components/timeAxisProps.js +3 -0
  127. package/nuxt/components/treeProps.js +3 -0
  128. package/overlay/index.es.js +104 -133
  129. package/overlay/index.umd.js +1 -1
  130. package/overlay/style.css +1 -1
  131. package/package.json +3 -2
  132. package/pagination/index.es.js +148 -136
  133. package/pagination/index.umd.js +1 -1
  134. package/pagination/style.css +1 -1
  135. package/panel/style.css +1 -1
  136. package/popover/index.es.js +294 -230
  137. package/popover/index.umd.js +15 -15
  138. package/popover/style.css +1 -1
  139. package/progress/index.es.js +110 -56
  140. package/progress/index.umd.js +3 -3
  141. package/progress/style.css +1 -1
  142. package/radio/index.es.js +7959 -146
  143. package/radio/index.umd.js +27 -1
  144. package/radio/style.css +1 -1
  145. package/rate/index.es.js +77 -55
  146. package/rate/index.umd.js +1 -1
  147. package/rate/style.css +1 -1
  148. package/result/index.es.js +169 -27
  149. package/result/index.umd.js +1 -1
  150. package/result/style.css +1 -1
  151. package/ripple/index.es.js +43 -42
  152. package/ripple/index.umd.js +1 -1
  153. package/search/index.es.js +3620 -1095
  154. package/search/index.umd.js +18 -18
  155. package/search/style.css +1 -1
  156. package/select/index.es.js +9131 -584
  157. package/select/index.umd.js +27 -1
  158. package/select/style.css +1 -1
  159. package/skeleton/index.es.js +46 -24
  160. package/skeleton/index.umd.js +1 -1
  161. package/skeleton/style.css +1 -1
  162. package/slider/index.es.js +108 -75
  163. package/slider/index.umd.js +1 -1
  164. package/slider/style.css +1 -1
  165. package/splitter/index.es.js +443 -335
  166. package/splitter/index.umd.js +15 -15
  167. package/splitter/style.css +1 -1
  168. package/statistic/index.es.js +7 -18
  169. package/statistic/index.umd.js +1 -1
  170. package/status/index.es.js +26 -2
  171. package/status/index.umd.js +1 -1
  172. package/status/style.css +1 -1
  173. package/style.css +1 -1
  174. package/switch/index.es.js +7794 -64
  175. package/switch/index.umd.js +27 -1
  176. package/switch/style.css +1 -1
  177. package/table/index.es.js +10038 -1180
  178. package/table/index.umd.js +27 -1
  179. package/table/style.css +1 -1
  180. package/tabs/index.es.js +342 -141
  181. package/tabs/index.umd.js +1 -1
  182. package/tabs/style.css +1 -1
  183. package/tag/index.es.js +47 -23
  184. package/tag/index.umd.js +1 -1
  185. package/tag/style.css +1 -1
  186. package/textarea/index.es.js +7913 -83
  187. package/textarea/index.umd.js +35 -1
  188. package/textarea/style.css +1 -1
  189. package/timeline/index.es.js +176 -37
  190. package/timeline/index.umd.js +1 -1
  191. package/timeline/style.css +1 -1
  192. package/tooltip/index.es.js +285 -220
  193. package/tooltip/index.umd.js +15 -15
  194. package/tooltip/style.css +1 -1
  195. package/tree/index.es.js +4190 -1857
  196. package/tree/index.umd.js +18 -18
  197. package/tree/style.css +1 -1
  198. package/upload/index.es.js +365 -106
  199. package/upload/index.umd.js +1 -1
  200. package/upload/style.css +1 -1
  201. package/vue-devui.es.js +20102 -25264
  202. package/vue-devui.umd.js +25 -15
  203. package/accordion/index.es.js +0 -723
  204. package/accordion/index.umd.js +0 -1
  205. package/accordion/package.json +0 -7
  206. package/accordion/style.css +0 -1
  207. package/anchor/index.d.ts +0 -7
  208. package/anchor/index.es.js +0 -263
  209. package/anchor/index.umd.js +0 -1
  210. package/anchor/style.css +0 -1
  211. package/back-top/index.d.ts +0 -7
  212. package/back-top/index.es.js +0 -130
  213. package/back-top/index.umd.js +0 -1
  214. package/back-top/package.json +0 -7
  215. package/back-top/style.css +0 -1
  216. package/breadcrumb/index.d.ts +0 -7
  217. package/breadcrumb/index.es.js +0 -128
  218. package/breadcrumb/index.umd.js +0 -1
  219. package/breadcrumb/package.json +0 -7
  220. package/breadcrumb/style.css +0 -1
  221. package/carousel/index.d.ts +0 -7
  222. package/carousel/index.es.js +0 -314
  223. package/carousel/index.umd.js +0 -1
  224. package/carousel/package.json +0 -7
  225. package/carousel/style.css +0 -1
  226. package/cascader/index.d.ts +0 -7
  227. package/cascader/index.es.js +0 -5971
  228. package/cascader/index.umd.js +0 -27
  229. package/cascader/package.json +0 -7
  230. package/cascader/style.css +0 -1
  231. package/color-picker/index.d.ts +0 -7
  232. package/color-picker/index.es.js +0 -8196
  233. package/color-picker/index.umd.js +0 -27
  234. package/color-picker/package.json +0 -7
  235. package/color-picker/style.css +0 -1
  236. package/comment/index.d.ts +0 -7
  237. package/comment/index.es.js +0 -86
  238. package/comment/index.umd.js +0 -1
  239. package/comment/package.json +0 -7
  240. package/comment/style.css +0 -1
  241. package/dragdrop/index.d.ts +0 -7
  242. package/dragdrop/index.es.js +0 -157
  243. package/dragdrop/index.umd.js +0 -1
  244. package/dragdrop/package.json +0 -7
  245. package/gantt/index.d.ts +0 -7
  246. package/gantt/index.es.js +0 -523
  247. package/gantt/index.umd.js +0 -1
  248. package/gantt/package.json +0 -7
  249. package/gantt/style.css +0 -1
  250. package/input-icon/index.d.ts +0 -7
  251. package/input-icon/index.es.js +0 -332
  252. package/input-icon/index.umd.js +0 -1
  253. package/input-icon/package.json +0 -7
  254. package/input-icon/style.css +0 -1
  255. package/list/index.d.ts +0 -7
  256. package/list/index.es.js +0 -39
  257. package/list/index.umd.js +0 -1
  258. package/list/package.json +0 -7
  259. package/list/style.css +0 -1
  260. package/nav-sprite/index.d.ts +0 -7
  261. package/nav-sprite/index.es.js +0 -68
  262. package/nav-sprite/index.umd.js +0 -1
  263. package/nav-sprite/package.json +0 -7
  264. package/nuxt/components/Accordion.js +0 -3
  265. package/nuxt/components/Anchor.js +0 -3
  266. package/nuxt/components/BackTop.js +0 -3
  267. package/nuxt/components/Breadcrumb.js +0 -3
  268. package/nuxt/components/Carousel.js +0 -3
  269. package/nuxt/components/CarouselItem.js +0 -3
  270. package/nuxt/components/Cascader.js +0 -3
  271. package/nuxt/components/ColorPicker.js +0 -3
  272. package/nuxt/components/Comment.js +0 -3
  273. package/nuxt/components/FormControl.js +0 -3
  274. package/nuxt/components/FormLabel.js +0 -3
  275. package/nuxt/components/Gantt.js +0 -3
  276. package/nuxt/components/InputIcon.js +0 -3
  277. package/nuxt/components/List.js +0 -3
  278. package/nuxt/components/ListItem.js +0 -3
  279. package/nuxt/components/NavSprite.js +0 -2
  280. package/nuxt/components/QuadrantDiagram.js +0 -3
  281. package/nuxt/components/ReadTip.js +0 -3
  282. package/nuxt/components/StepsGuide.js +0 -3
  283. package/nuxt/components/Sticky.js +0 -2
  284. package/nuxt/components/TagInput.js +0 -3
  285. package/nuxt/components/TimePicker.js +0 -3
  286. package/nuxt/components/Transfer.js +0 -3
  287. package/nuxt/components/TreeSelect.js +0 -3
  288. package/nuxt/components/overlayEmits.js +0 -3
  289. package/nuxt/components/overlayProps.js +0 -3
  290. package/quadrant-diagram/index.d.ts +0 -7
  291. package/quadrant-diagram/index.es.js +0 -5728
  292. package/quadrant-diagram/index.umd.js +0 -27
  293. package/quadrant-diagram/package.json +0 -7
  294. package/quadrant-diagram/style.css +0 -1
  295. package/read-tip/index.d.ts +0 -7
  296. package/read-tip/index.es.js +0 -261
  297. package/read-tip/index.umd.js +0 -1
  298. package/read-tip/package.json +0 -7
  299. package/read-tip/style.css +0 -1
  300. package/steps-guide/index.d.ts +0 -7
  301. package/steps-guide/index.es.js +0 -242
  302. package/steps-guide/index.umd.js +0 -1
  303. package/steps-guide/package.json +0 -7
  304. package/steps-guide/style.css +0 -1
  305. package/sticky/index.d.ts +0 -7
  306. package/sticky/index.es.js +0 -197
  307. package/sticky/index.umd.js +0 -1
  308. package/sticky/package.json +0 -7
  309. package/tag-input/index.d.ts +0 -7
  310. package/tag-input/index.es.js +0 -331
  311. package/tag-input/index.umd.js +0 -1
  312. package/tag-input/package.json +0 -7
  313. package/tag-input/style.css +0 -1
  314. package/time-picker/index.d.ts +0 -7
  315. package/time-picker/index.es.js +0 -1238
  316. package/time-picker/index.umd.js +0 -1
  317. package/time-picker/package.json +0 -7
  318. package/time-picker/style.css +0 -1
  319. package/transfer/index.d.ts +0 -7
  320. package/transfer/index.es.js +0 -7615
  321. package/transfer/index.umd.js +0 -27
  322. package/transfer/package.json +0 -7
  323. package/transfer/style.css +0 -1
  324. package/tree-select/index.d.ts +0 -7
  325. package/tree-select/index.es.js +0 -627
  326. package/tree-select/index.umd.js +0 -1
  327. package/tree-select/package.json +0 -7
  328. package/tree-select/style.css +0 -1
@@ -1 +0,0 @@
1
- var U=Object.defineProperty,Z=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var S=(v,e,F)=>e in v?U(v,e,{enumerable:!0,configurable:!0,writable:!0,value:F}):v[e]=F,I=(v,e)=>{for(var F in e||(e={}))J.call(e,F)&&S(v,F,e[F]);if(M)for(var F of M(e))Q.call(e,F)&&S(v,F,e[F]);return v},R=(v,e)=>Z(v,G(e));(function(v,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(v=typeof globalThis!="undefined"?globalThis:v||self,e(v.index={},v.Vue,v.vueRouter))})(this,function(v,e,F){"use strict";const K={data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:Boolean,default:!0},itemTemplate:{type:Boolean,default:!0},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:Boolean,default:!0},loadingTemplate:{type:Boolean,default:!0},innerListTemplate:{type:Boolean,default:!0},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}},B=()=>e.createVNode("svg",{width:"1em",height:"1em",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824 12.2402148,6.7597852 12.1464466,6.85355339 Z","fill-rule":"nonzero"},null)])]),O=()=>{const n="DAccordion",t=f=>{if(f&&f.type.name===n)return f;if(f&&f.parent){const k=f.parent;return t(k)}},p=t(e.getCurrentInstance());return p==null?void 0:p.slots};var _=e.defineComponent({name:"DAccordionMenu",components:{OpenIcon:B},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,openKey:k,activeKey:N,autoOpenActiveMenu:T,disabledKey:A,childrenKey:y,titleKey:u,menuItemTemplate:r}=e.toRefs(n),g=O(),h=e.inject("accordionContext"),C=f.value,o=p.value,c=V=>{h.menuToggleFn(V)},a=V=>{if(V[N.value]===!0)return!0;if(V[y.value])return m(V[y.value])},m=V=>{let w=!1;if(!V.length)return!1;for(let j=0;j<V.length;j++){if(V[j][N.value]===!0){w=!0;break}if(V[j][y.value]&&(w=m(V[j][y.value]),w))break}return w},l=e.computed(()=>t.value&&t.value[k.value]),i=e.computed(()=>t.value&&t.value[A.value]),d=e.computed(()=>t.value&&t.value[u.value]),b=e.computed(()=>t.value&&t.value[y.value]),x=e.computed(()=>a(t.value)),s=e.computed(()=>l.value===void 0&&T.value?x.value:l.value);return()=>{var V;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",s.value&&"open",x.value&&"active",i.value&&"disabled"],title:d.value,style:{textIndent:o*20+"px"},onClick:w=>!i.value&&c({item:t.value,open:!s.value,parent:C,event:w})},[e.createVNode("div",{class:["devui-accordion-splitter",o===0&&"devui-parent-list"],style:{left:o*20+10+"px"}},null),(!g.menuItemTemplate||r.value===!1)&&e.createVNode(e.Fragment,null,[d.value]),g.menuItemTemplate&&r.value!==!1&&((V=g.menuItemTemplate)==null?void 0:V.call(g,{parent:C,deepth:o,item:t.value})),e.createVNode("span",{class:"devui-accordion-open-icon"},[e.createVNode(B,null,null)])]),e.createVNode("div",{class:[!s.value&&"devui-accordion-menu-hidden","devui-accordion-submenu","devui-accordion-show-animate"]},[e.createVNode(P,e.mergeProps(n,{deepth:o+1,data:b.value||[],parent:t.value}),null)])])}}}),D=e.defineComponent({name:"DAccordionItem",props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,activeKey:N,disabledKey:T,itemTemplate:A}=e.toRefs(n),y=O(),u=e.inject("accordionContext"),r=f.value,g=p.value,h=e.computed(()=>t.value&&t.value[T.value]),C=e.computed(()=>t.value&&t.value[k.value]),o=e.computed(()=>t.value&&t.value[N.value]),c=e.computed(()=>o.value),a=m=>{t.value&&!h.value&&u.itemClickFn(m)};return()=>{var m;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",c.value&&"active",h.value&&"disabled"],title:C.value,style:{textIndent:g*20+"px"},onClick:l=>a({item:t.value,parent:r,event:l})},[e.createVNode("div",{class:["devui-accordion-splitter",g===0&&"devui-parent-list"],style:{left:g*20+10+"px"}},null),(!y.itemTemplate||A.value===!1)&&e.createVNode(e.Fragment,null,[C.value]),y.itemTemplate&&A.value!==!1&&((m=y.itemTemplate)==null?void 0:m.call(y,{parent:r,deepth:g,item:t.value}))])])}}}),q=e.defineComponent({name:"DAccordionItemHreflink",component:{DAccordionItem:D},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,linkKey:N,linkTargetKey:T,linkDefaultTarget:A,disabledKey:y,itemTemplate:u}=e.toRefs(n),r=O(),g=e.inject("accordionContext"),h=e.computed(()=>t.value&&t.value[k.value]),C=e.computed(()=>t.value&&t.value[N.value]),o=e.computed(()=>t.value&&(t.value[T.value]||A.value)),c=e.computed(()=>t.value&&t.value[y.value]),a=f.value,m=p.value,l=d=>{t.value&&!c.value&&g.itemClickFn(d)},i=()=>{var d;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-splitter",m===0&&"devui-parent-list"],style:{left:m*20+10+"px"}},null),(!r.itemTemplate||u.value===!1)&&e.createVNode(e.Fragment,null,[h.value]),r.itemTemplate&&u.value!==!1&&((d=r.itemTemplate)==null?void 0:d.call(r,{parent:a,deepth:m,item:t.value}))])};return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title",c.value&&"disabled"],style:{textIndent:m*20+"px"}},[!c.value&&e.createVNode("a",{href:C.value,target:o.value,class:"devui-over-flow-ellipsis",title:h.value,onClick:d=>l({item:t.value,parent:a,event:d})},[i()]),c.value&&e.createVNode("a",{class:"devui-over-flow-ellipsis",title:h.value},[i()])])])}});function H(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}var z=e.defineComponent({name:"DAccordionItemRouterlink",component:{DAccordionItem:D},props:I({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},K),setup(n){const{item:t,deepth:p,parent:f,titleKey:k,linkKey:N,linkDefaultTarget:T,disabledKey:A,itemTemplate:y}=e.toRefs(n),u=F.useRoute(),r=O(),g=e.inject("accordionContext");console.log(F.useRoute());const h=e.computed(()=>t.value&&t.value[k.value]),C=e.computed(()=>t.value&&t.value[N.value]),o=e.computed(()=>u!==void 0),c=e.computed(()=>u===C.value),a=e.computed(()=>t.value&&t.value[A.value]),m=f.value,l=p.value,i=b=>{t.value&&!a.value&&g.itemClickFn(b)},d=()=>{var b;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-splitter",l===0&&"devui-parent-list"],style:{left:l*20+10+"px"}},null),(!r.itemTemplate||y.value===!1)&&e.createVNode(e.Fragment,null,[h.value]),r.itemTemplate&&y.value!==!1&&((b=r.itemTemplate)==null?void 0:b.call(r,{parent:m,deepth:l,item:t.value}))])};return()=>{let b;return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title",a.value&&"disabled"],style:{textIndent:l*20+"px"}},[!a.value&&e.createVNode(e.Fragment,null,[o.value&&e.createVNode(e.resolveComponent("router-link"),{to:C.value,class:["devui-over-flow-ellipsis",c.value&&".devui-router-active"],custom:!0,title:h.value,onClick:x=>i({item:t.value,parent:m,event:x})},H(b=d())?b:{default:()=>[b]}),!o.value&&e.createVNode("a",{href:C.value,target:T.value,class:"devui-over-flow-ellipsis",title:h.value,onClick:x=>i({item:t.value,parent:m,event:x})},[d()])]),a.value&&e.createVNode("a",{class:"devui-over-flow-ellipsis",title:h.value},[d()])])])}}}),P=e.defineComponent({name:"DAccordionList",components:{DAccordionMenu:_,DAccordionItem:D,DAccordionItemHreflink:q,DAccordionItemRouterlink:z},inheritAttrs:!1,props:I({data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},K),setup(n,{attrs:t}){const{childrenKey:p,deepth:f,parent:k,data:N,linkType:T,showNoContent:A,loadingKey:y,titleKey:u,linkTypeKey:r,loadingTemplate:g,noContentTemplate:h,innerListTemplate:C}=e.toRefs(n),o=k.value,c=f.value,a=O(),m=e.inject("accordionContext"),l=e.computed(()=>o&&o[y.value]),i=e.computed(()=>{const d=N.value;return d==null||d.length===0});return()=>{var d,b,x;return e.createVNode(e.Fragment,null,[(!a.innerListTemplate||f.value===0||C.value===!1)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[N.value.map(s=>e.createVNode("li",{class:"devui-accordion-item",key:s[u.value]},[s[p.value]!==void 0&&e.createVNode("div",{class:"devui-accordion-menu-item"},[e.createVNode(e.resolveComponent("d-accordion-menu"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null)]),s[p.value]===void 0&&e.createVNode(e.Fragment,null,[(!T.value||T.value==="")&&e.createVNode(e.resolveComponent("d-accordion-item"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="routerLink"&&e.createVNode(e.resolveComponent("d-accordion-item-routerlink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item-hreflink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),T.value==="dependOnLinkTypeKey"&&e.createVNode(e.Fragment,null,[s[r.value]==="routerLink"&&e.createVNode(e.resolveComponent("d-accordion-item-routerlink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),s[r.value]==="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item-hreflink"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null),s[r.value]!=="routerLink"&&s[r.value]!=="hrefLink"&&e.createVNode(e.resolveComponent("d-accordion-item"),e.mergeProps(n,{item:s,deepth:c,parent:o}),null)])])]))]),a.innerListTemplate&&C.value!==!1&&c!==0&&((d=a.innerListTemplate)==null?void 0:d.call(a,{item:o,deepth:c,itemClickFn:m.itemClickFn,menuToggleFn:m.menuToggleFn})),(!a.innerListTemplate||C.value===!1)&&(l.value||i.value&&A.value)&&e.createVNode("ul",e.mergeProps({class:["devui-accordion-list"]},t),[l.value&&(!a.loadingTemplate||g.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis"],style:{textIndent:c*20+"px"}},[e.createTextVNode("\u52A0\u8F7D\u4E2D...")])]),l.value&&a.loadingTemplate&&g.value!==!1&&((b=a.loadingTemplate)==null?void 0:b.call(a,{item:o,deepth:c})),A.value&&!l.value&&i.value&&(!a.noContentTemplate||h.value===!1)&&e.createVNode("li",{class:"devui-accordion-item"},[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis disabled"],style:{textIndent:c*20+"px"}},[e.createTextVNode("\u6CA1\u6709\u6570\u636E")])]),A.value&&!l.value&&i.value&&a.noContentTemplate&&h.value!==!1&&((x=a.noContentTemplate)==null?void 0:x.call(a,{item:o,deepth:c}))])])}}}),W="",L=e.defineComponent({name:"DAccordion",props:K,setup(n,{emit:t}){const{data:p,childrenKey:f,activeKey:k,openKey:N,accordionType:T,autoOpenActiveMenu:A,restrictOneOpen:y}=e.toRefs(n);let u;const r=(l,i="children",d=!1,b=!0)=>l.reduce((x,s)=>{const V=s[i];return V===void 0?b&&x.push(s):(d&&x.push(s),Array.isArray(V)&&x.push(...r(V,i,d))),x},[]),g=()=>{const l=r(p.value,f.value).filter(i=>i[k.value]).pop();l?u||h(l):u=void 0},h=l=>{u&&u[k.value]&&(u[k.value]=!1),l[k.value]=!0,u=l,t("activeItemChange",u)},C=(l,i)=>{i&&y.value&&p.value.forEach(d=>{d[N.value]=!1}),l[N.value]=i},o=l=>{const i=u;h(l.item),t("itemClick",R(I({},l),{prevActiveItem:i}))},c=l=>{const i=u;u=l.item,t("linkItemClick",R(I({},l),{prevActiveItem:i}))},a=l=>{C(l.item,l.open),t("menuToggle",l)},m=()=>{r(p.value,f.value,!0,!1).forEach(l=>l[N.value]=void 0)};return e.provide("accordionContext",{itemClickFn:o,linkItemClickFn:c,menuToggleFn:a}),e.onMounted(()=>{p.value&&g()}),e.watch(()=>A.value,(l,i)=>{l&&i===!1&&m()}),e.watch(p.value,(l,i)=>{g()},{deep:!0}),()=>e.createVNode("div",{class:["devui-accordion-menu","devui-scrollbar","devui-accordion-show-animate",T.value==="normal"&&"devui-accordion-menu-normal"]},[e.createVNode(P,e.mergeProps(n,{data:p.value,deepth:0,parent:null}),null)])}});L.install=function(n){n.component(L.name,L)};var E={title:"Accordion \u624B\u98CE\u7434",category:"\u5BFC\u822A",status:"10%",install(n){n.use(L)}};v.Accordion=L,v.default=E,Object.defineProperty(v,"__esModule",{value:!0}),v[Symbol.toStringTag]="Module"});
@@ -1,7 +0,0 @@
1
- {
2
- "name": "accordion",
3
- "version": "0.0.0",
4
- "main": "index.umd.js",
5
- "module": "index.es.js",
6
- "style": "style.css"
7
- }
@@ -1 +0,0 @@
1
- @charset "UTF-8";.devui-accordion-menu ol,.devui-accordion-menu ul{margin:0!important;line-height:0!important;font-size:12px}:host{display:block}.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink,.devui-accordion-list{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius, 2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg, #ffffff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak, #575d6c);background:transparent;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-accordion-item-title:not(.disabled).devui-router-active,.devui-accordion-item-title:not(.disabled).active:not(.open){color:var(--devui-brand-active, #526ecc);font-weight:700}.devui-accordion-item-title:not(.disabled).devui-router-active>a,.devui-accordion-item-title:not(.disabled).active:not(.open)>a{color:var(--devui-brand-active, #526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak, #575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg path{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg path{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title.open>.devui-accordion-open-icon{transform:rotate(180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg path{fill:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active, #526ecc);background:transparent}.devui-accordion-list .devui-accordion-menu-hidden{opacity:0;height:0;overflow:hidden}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line, #dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title .devui-accordion-splitter:before{content:"";display:block;width:2px;height:18px;background:var(--devui-form-control-line-active, #5e7ce0);position:absolute;top:11px;left:0;opacity:0}.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{opacity:1}.devui-accordion-show-animate .devui-accordion-item-title{transition:font-weight var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title .devui-accordion-splitter:before{transform:scaleY(0);transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-show-animate .devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{transform:scaleY(1)}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:12px}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:initial;bottom:0}.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:18px;top:11px}.devui-accordion-item>a{padding:0 10px 0 20px;color:var(--devui-text-weak, #575d6c);display:block;text-decoration:none;width:100%}.devui-accordion-item-title .tag-done{display:inline-block;height:18px;min-height:20px;padding:0 10px;margin-left:8px;line-height:18px;color:#fa9841;border:solid 1px #fa9841;background:var(--devui-base-bg, #ffffff);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius, 2px);text-indent:0;cursor:default}
package/anchor/index.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { App } from 'vue';
2
- declare function install(app: App): void
3
- declare const _default: {
4
- install: typeof install;
5
- version: string;
6
- };
7
- export default _default;
@@ -1,263 +0,0 @@
1
- import { defineComponent, createVNode, createTextVNode } from "vue";
2
- var Anchor = defineComponent({
3
- name: "DAnchor",
4
- props: {},
5
- setup() {
6
- return () => {
7
- return createVNode("div", null, [createTextVNode(" ")]);
8
- };
9
- }
10
- });
11
- let repeatCount = 0;
12
- let cTimeout;
13
- const timeoutIntervalSpeed = 10;
14
- let hashName;
15
- let scollFlag = false;
16
- function elementPosition(obj) {
17
- let curleft = 0, curtop = 0;
18
- curleft = obj.offsetLeft;
19
- curtop = obj.offsetTop;
20
- return { x: curleft, y: curtop };
21
- }
22
- function scrollToControl(elem, container) {
23
- hashName = elem.getAttribute("name");
24
- scollFlag = true;
25
- const tops = container.scrollTop >= 0 ? container.scrollTop : -document.getElementsByClassName("mycontainer")[0].offsetTop;
26
- let scrollPos = elementPosition(elem).y - tops;
27
- scrollPos = scrollPos - document.documentElement.scrollTop;
28
- const remainder = scrollPos % timeoutIntervalSpeed;
29
- const repeatTimes = Math.abs((scrollPos - remainder) / timeoutIntervalSpeed);
30
- if (scrollPos < 0 && container || elem.getBoundingClientRect().top < container.offsetTop) {
31
- window.scrollBy(0, elem.getBoundingClientRect().top - container.offsetTop - 16);
32
- }
33
- scrollSmoothly(scrollPos, repeatTimes, container);
34
- }
35
- function scrollSmoothly(scrollPos, repeatTimes, container) {
36
- if (repeatCount <= repeatTimes) {
37
- scrollPos > 0 ? container.scrollBy(0, timeoutIntervalSpeed) : container.scrollBy(0, -timeoutIntervalSpeed);
38
- } else {
39
- repeatCount = 0;
40
- clearTimeout(cTimeout);
41
- history.replaceState(null, null, document.location.pathname + "#" + hashName);
42
- hightLightFn(hashName);
43
- setTimeout(() => {
44
- scollFlag = false;
45
- }, 310);
46
- return;
47
- }
48
- repeatCount++;
49
- cTimeout = setTimeout(() => {
50
- scrollSmoothly(scrollPos, repeatTimes, container);
51
- }, 10);
52
- }
53
- function hightLightFn(hashName2) {
54
- const childLength = document.getElementsByClassName("mysidebar")[0].children.length;
55
- for (let i = 0; i < childLength; i++) {
56
- if (document.getElementsByClassName("mysidebar")[0].children[i].classList.value.indexOf("active") > -1) {
57
- document.getElementsByClassName("mysidebar")[0].children[i].classList.remove("active");
58
- }
59
- }
60
- document.getElementById(hashName2).classList.add("active");
61
- }
62
- let activeLink = null;
63
- let rootActiveLink = null;
64
- let rootClassName = "";
65
- const setActiveLink = (timeId) => {
66
- if (scollFlag) {
67
- return;
68
- }
69
- timeId ? rootClassName = timeId : rootClassName = document.getElementsByClassName("mymain")[0].id;
70
- const sidebarLinks = getSidebarLinks(rootClassName);
71
- const anchors = getAnchors(sidebarLinks);
72
- try {
73
- anchors.forEach((index2, i) => {
74
- const anchor2 = anchors[i];
75
- const nextAnchor = anchors[i + 1];
76
- const [isActive, hash] = isAnchorActive(i, anchor2, nextAnchor);
77
- if (isActive) {
78
- history.replaceState(null, document.title, hash ? hash : " ");
79
- activateLink(hash);
80
- throw Error(hash + "");
81
- }
82
- });
83
- } catch (e) {
84
- }
85
- };
86
- function throttleAndDebounce(fn, delay) {
87
- let timeout;
88
- let called = false;
89
- return () => {
90
- if (timeout) {
91
- clearTimeout(timeout);
92
- }
93
- if (!called) {
94
- fn();
95
- called = true;
96
- setTimeout(() => {
97
- called = false;
98
- }, delay);
99
- } else {
100
- timeout = setTimeout(fn, delay);
101
- }
102
- };
103
- }
104
- const onScroll = throttleAndDebounce(setActiveLink, 300);
105
- function activateLink(hash) {
106
- deactiveLink(activeLink);
107
- deactiveLink(rootActiveLink);
108
- hash ? activeLink = document.querySelector(`${hash}`) : activeLink = document.querySelector(`.${rootClassName} ul li`);
109
- if (!activeLink) {
110
- return;
111
- }
112
- if (!scollFlag) {
113
- hash && hightLightFn(hash.split("#")[1]);
114
- } else {
115
- hightLightFn(hashName);
116
- }
117
- const rootLi = activeLink.closest(".mycontainer > ul > li");
118
- if (rootLi && rootLi !== activeLink.parentElement) {
119
- rootActiveLink = rootLi;
120
- rootActiveLink && rootActiveLink.classList.add("active");
121
- } else {
122
- rootActiveLink = null;
123
- }
124
- }
125
- function deactiveLink(link) {
126
- link && link.classList.remove("active");
127
- }
128
- function getPageOffset() {
129
- return document.querySelector(".mysidebar ").getBoundingClientRect().y;
130
- }
131
- function getAnchorTop(anchor2) {
132
- const pageOffset = getPageOffset();
133
- return anchor2.parentElement.offsetTop - pageOffset - 5;
134
- }
135
- function isAnchorActive(index2, anchor2, nextAnchor) {
136
- let scrollTop;
137
- document.getElementsByClassName("scrollTarget").length ? scrollTop = document.getElementsByClassName("scrollTarget")[0].scrollTop : scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
138
- if (index2 === 0 && scrollTop === 0) {
139
- return [true, null];
140
- }
141
- if (scrollTop < getAnchorTop(anchor2)) {
142
- return [false, null];
143
- }
144
- if (!nextAnchor || scrollTop < getAnchorTop(nextAnchor)) {
145
- return [true, decodeURIComponent(anchor2.hash)];
146
- }
147
- return [false, null];
148
- }
149
- function getSidebarLinks(rootClassName2) {
150
- return [].slice.call(document.querySelectorAll(`.${rootClassName2} > .step-nav > li.bar-link-item > a`));
151
- }
152
- function getAnchors(sidebarLinks) {
153
- return [].slice.call(document.querySelectorAll(".box-anchor")).filter((anchor2) => sidebarLinks.some((sidebarLink) => sidebarLink.hash === anchor2.hash));
154
- }
155
- const randomId = function(n = 8) {
156
- const str = "abcdefghijklmnopqrstuvwxyz0123456789";
157
- let result = "";
158
- for (let i = 0; i < n; i++) {
159
- result += str[parseInt((Math.random() * str.length).toString())];
160
- }
161
- return result;
162
- };
163
- const inBrowser = typeof window !== "undefined";
164
- var dAnchorBox = {
165
- name: "d-anchor-box",
166
- mounted(el) {
167
- const timeId = "m" + randomId(8);
168
- el.id = timeId;
169
- const classList = el.classList;
170
- classList.add("mycontainer", "mymain", timeId);
171
- let windoScrollTop;
172
- const div = document.querySelector(`#${timeId}`);
173
- const mysidebar = document.querySelector(`#${timeId} .mysidebar`);
174
- const mysidebarHeight = mysidebar.clientHeight;
175
- window.addEventListener("resize", () => {
176
- cssChange(mysidebar, "absolute", 0, 0);
177
- });
178
- window.onscroll = function() {
179
- windoScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
180
- if (!document.getElementsByClassName("scrollTarget").length) {
181
- if (windoScrollTop + mysidebarHeight - 16 >= div.offsetTop + div.clientHeight) {
182
- cssChange(mysidebar, "absolute", div.clientHeight - mysidebarHeight - 8, 0);
183
- } else if (windoScrollTop > div.offsetTop) {
184
- cssChange(mysidebar, "fixed", div.offsetTop, div.getBoundingClientRect().left);
185
- } else if (div.offsetTop >= windoScrollTop && windoScrollTop >= 0) {
186
- cssChange(mysidebar, "absolute", 0, 0);
187
- } else {
188
- cssChange(mysidebar, "absolute", div.clientHeight - mysidebarHeight - 8, 0);
189
- }
190
- } else {
191
- cssChange(mysidebar, "absolute", div.scrollTop, 0);
192
- }
193
- };
194
- addEvent(div, "scroll", function() {
195
- if (document.getElementsByClassName("scrollTarget").length) {
196
- cssChange(mysidebar, "fixed", div.getBoundingClientRect().top, div.getBoundingClientRect().left);
197
- }
198
- });
199
- setActiveLink(timeId);
200
- document.getElementsByClassName("scrollTarget").length ? addEvent(div, "scroll", onScroll) : window.addEventListener("scroll", onScroll);
201
- }
202
- };
203
- const cssChange = (mysidebar, postion, top, left) => {
204
- mysidebar.style.position = postion;
205
- mysidebar.style.top = top + "px";
206
- mysidebar.style.left = left + "px";
207
- };
208
- const addEvent = function() {
209
- if (inBrowser && window.addEventListener) {
210
- return function(elm, type, handle) {
211
- elm.addEventListener(type, handle, false);
212
- };
213
- }
214
- }();
215
- var dAnchorLink = {
216
- name: "d-anchor-link",
217
- mounted(el, binding) {
218
- const parent = el.parentNode;
219
- if (!parent.className) {
220
- parent.className = "mysidebar step-nav";
221
- }
222
- el.className = "bar-link-item";
223
- el.innerHTML += '<a class="d-d-anchor" style="display:none" href="#' + binding.value + '">?</a>';
224
- el.setAttribute("id", binding.value);
225
- el.onclick = () => {
226
- let scrollContainer;
227
- const scollToDomY = document.getElementsByName(binding.value)[0];
228
- document.getElementsByClassName("scrollTarget").length ? scrollContainer = document.getElementsByClassName("scrollTarget")[0] : scrollContainer = window;
229
- scrollToControl(scollToDomY, scrollContainer);
230
- };
231
- }
232
- };
233
- var dAnchor = {
234
- name: "d-anchor",
235
- mounted(el, binding) {
236
- const parent = el.parentNode;
237
- if (!parent.className) {
238
- parent.className = "mycontent";
239
- }
240
- el.innerHTML = '<a class="box-anchor" style="display:none" href="#' + binding.value + '">?</a>' + el.innerHTML;
241
- el.className = "section-block";
242
- el.setAttribute("name", binding.value);
243
- el.onclick = (e) => {
244
- hightLightFn(binding.value);
245
- };
246
- }
247
- };
248
- var anchor = "";
249
- Anchor.install = function(Vue) {
250
- Vue.directive(dAnchor.name, dAnchor);
251
- Vue.directive(dAnchorLink.name, dAnchorLink);
252
- Vue.directive(dAnchorBox.name, dAnchorBox);
253
- Vue.component(Anchor.name, Anchor);
254
- };
255
- var index = {
256
- title: "Anchor \u951A\u70B9",
257
- category: "\u5BFC\u822A",
258
- status: "50%",
259
- install(app) {
260
- app.use(Anchor);
261
- }
262
- };
263
- export { Anchor, index as default };
@@ -1 +0,0 @@
1
- (function(c,r){typeof exports=="object"&&typeof module!="undefined"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(c=typeof globalThis!="undefined"?globalThis:c||self,r(c.index={},c.Vue))})(this,function(c,r){"use strict";var u=r.defineComponent({name:"DAnchor",props:{},setup(){return()=>r.createVNode("div",null,[r.createTextVNode(" ")])}});let v=0,B;const f=10;let p,h=!1;function k(e){let t=0,n=0;return t=e.offsetLeft,n=e.offsetTop,{x:t,y:n}}function q(e,t){p=e.getAttribute("name"),h=!0;const n=t.scrollTop>=0?t.scrollTop:-document.getElementsByClassName("mycontainer")[0].offsetTop;let o=k(e).y-n;o=o-document.documentElement.scrollTop;const l=o%f,s=Math.abs((o-l)/f);(o<0&&t||e.getBoundingClientRect().top<t.offsetTop)&&window.scrollBy(0,e.getBoundingClientRect().top-t.offsetTop-16),L(o,s,t)}function L(e,t,n){if(v<=t)e>0?n.scrollBy(0,f):n.scrollBy(0,-f);else{v=0,clearTimeout(B),history.replaceState(null,null,document.location.pathname+"#"+p),y(p),setTimeout(()=>{h=!1},310);return}v++,B=setTimeout(()=>{L(e,t,n)},10)}function y(e){const t=document.getElementsByClassName("mysidebar")[0].children.length;for(let n=0;n<t;n++)document.getElementsByClassName("mysidebar")[0].children[n].classList.value.indexOf("active")>-1&&document.getElementsByClassName("mysidebar")[0].children[n].classList.remove("active");document.getElementById(e).classList.add("active")}let a=null,d=null,g="";const C=e=>{if(h)return;e?g=e:g=document.getElementsByClassName("mymain")[0].id;const t=$(g),n=O(t);try{n.forEach((o,l)=>{const s=n[l],m=n[l+1],[j,T]=I(l,s,m);if(j)throw history.replaceState(null,document.title,T||" "),M(T),Error(T+"")})}catch{}};function H(e,t){let n,o=!1;return()=>{n&&clearTimeout(n),o?n=setTimeout(e,t):(e(),o=!0,setTimeout(()=>{o=!1},t))}}const E=H(C,300);function M(e){if(N(a),N(d),e?a=document.querySelector(`${e}`):a=document.querySelector(`.${g} ul li`),!a)return;h?y(p):e&&y(e.split("#")[1]);const t=a.closest(".mycontainer > ul > li");t&&t!==a.parentElement?(d=t,d&&d.classList.add("active")):d=null}function N(e){e&&e.classList.remove("active")}function R(){return document.querySelector(".mysidebar ").getBoundingClientRect().y}function b(e){const t=R();return e.parentElement.offsetTop-t-5}function I(e,t,n){let o;return document.getElementsByClassName("scrollTarget").length?o=document.getElementsByClassName("scrollTarget")[0].scrollTop:o=document.documentElement.scrollTop||document.body.scrollTop,e===0&&o===0?[!0,null]:o<b(t)?[!1,null]:!n||o<b(n)?[!0,decodeURIComponent(t.hash)]:[!1,null]}function $(e){return[].slice.call(document.querySelectorAll(`.${e} > .step-nav > li.bar-link-item > a`))}function O(e){return[].slice.call(document.querySelectorAll(".box-anchor")).filter(t=>e.some(n=>n.hash===t.hash))}const D=function(e=8){const t="abcdefghijklmnopqrstuvwxyz0123456789";let n="";for(let o=0;o<e;o++)n+=t[parseInt((Math.random()*t.length).toString())];return n},F=typeof window!="undefined";var A={name:"d-anchor-box",mounted(e){const t="m"+D(8);e.id=t,e.classList.add("mycontainer","mymain",t);let o;const l=document.querySelector(`#${t}`),s=document.querySelector(`#${t} .mysidebar`),m=s.clientHeight;window.addEventListener("resize",()=>{i(s,"absolute",0,0)}),window.onscroll=function(){o=document.documentElement.scrollTop||document.body.scrollTop,document.getElementsByClassName("scrollTarget").length?i(s,"absolute",l.scrollTop,0):o+m-16>=l.offsetTop+l.clientHeight?i(s,"absolute",l.clientHeight-m-8,0):o>l.offsetTop?i(s,"fixed",l.offsetTop,l.getBoundingClientRect().left):l.offsetTop>=o&&o>=0?i(s,"absolute",0,0):i(s,"absolute",l.clientHeight-m-8,0)},w(l,"scroll",function(){document.getElementsByClassName("scrollTarget").length&&i(s,"fixed",l.getBoundingClientRect().top,l.getBoundingClientRect().left)}),C(t),document.getElementsByClassName("scrollTarget").length?w(l,"scroll",E):window.addEventListener("scroll",E)}};const i=(e,t,n,o)=>{e.style.position=t,e.style.top=n+"px",e.style.left=o+"px"},w=function(){if(F&&window.addEventListener)return function(e,t,n){e.addEventListener(t,n,!1)}}();var S={name:"d-anchor-link",mounted(e,t){const n=e.parentNode;n.className||(n.className="mysidebar step-nav"),e.className="bar-link-item",e.innerHTML+='<a class="d-d-anchor" style="display:none" href="#'+t.value+'">?</a>',e.setAttribute("id",t.value),e.onclick=()=>{let o;const l=document.getElementsByName(t.value)[0];document.getElementsByClassName("scrollTarget").length?o=document.getElementsByClassName("scrollTarget")[0]:o=window,q(l,o)}}},x={name:"d-anchor",mounted(e,t){const n=e.parentNode;n.className||(n.className="mycontent"),e.innerHTML='<a class="box-anchor" style="display:none" href="#'+t.value+'">?</a>'+e.innerHTML,e.className="section-block",e.setAttribute("name",t.value),e.onclick=o=>{y(t.value)}}},z="";u.install=function(e){e.directive(x.name,x),e.directive(S.name,S),e.directive(A.name,A),e.component(u.name,u)};var P={title:"Anchor \u951A\u70B9",category:"\u5BFC\u822A",status:"50%",install(e){e.use(u)}};c.Anchor=u,c.default=P,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});
package/anchor/style.css DELETED
@@ -1 +0,0 @@
1
- .mysidebar{width:240px;position:absolute;top:0;left:0;height:auto}.scrollTarget{height:450px!important;overflow-y:auto}.mycontainer{height:auto}.devui-scrollbar::-webkit-scrollbar{width:8px;height:8px}.devui-scrollbar::-webkit-scrollbar-track{background-color:transparent}.devui-scrollbar::-webkit-scrollbar-thumb{border-radius:8px;background-color:#adb0b8;background-color:var(--devui-line, #adb0b8)}.devui-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#8a8e99;background-color:var(--devui-placeholder, #8a8e99)}body>* ::-webkit-scrollbar{width:8px;height:8px}body>* ::-webkit-scrollbar-track{background-color:transparent}body>* ::-webkit-scrollbar-thumb{border-radius:8px;background-color:#adb0b8;background-color:var(--devui-line, #adb0b8)}body>* ::-webkit-scrollbar-thumb:hover{background-color:#8a8e99;background-color:var(--devui-placeholder, #8a8e99)}body>* ::-webkit-scrollbar-corner{background-color:transparent}.step-nav{padding-top:8px;width:240px}.step-nav>li{list-style:none;counter-increment:stepli;padding:0;cursor:pointer;height:30px;line-height:1.5;font-size:12px;font-size:var(--devui-font-size, 12px);color:#575d6c;color:var(--devui-text-weak, #575d6c);position:relative;display:flex;align-items:center}.step-nav>li.active,.step-nav>li:hover{color:#526ecc;color:var(--devui-brand-active, #526ecc)}.step-nav>li.active:before{border-color:#526ecc;border-color:var(--devui-brand-active, #526ecc)}.step-nav>li:before{content:"";display:inline-block;width:12px;height:12px;text-align:center;line-height:26px;border-radius:50%;background-color:#fff;background-color:var(--devui-base-bg, #ffffff);margin-right:20px;border:2px solid #dfe1e6;border:2px solid var(--devui-dividing-line, #dfe1e6)}.step-nav>li:not(:first-of-type){margin-top:32px}.step-nav>li:not(:first-of-type):after{content:"";display:block;position:absolute;top:-32px;left:5px;width:1px;height:32px;border-left:2px solid #dfe1e6;border-left:2px solid var(--devui-dividing-line, #dfe1e6)}.mymain{position:relative}.mycontent{padding:8px;margin-left:240px;border-left:1px solid #adb0b8;border-left:1px solid var(--devui-line, #adb0b8)}.section-block{min-height:200px;border-bottom:1px dashed #adb0b8;border-bottom:1px dashed var(--devui-line, #adb0b8)}.section-block.active.anchor-active-by-anchor-link{-webkit-animation:hightlight-and-disapear 3s linear 1;animation:hightlight-and-disapear 3s linear 1}@-webkit-keyframes hightlight-and-disapear{0%{outline:medium none invert}2%{outline:0 none rgba(255,255,255,0)}10%{outline:1px solid #5e7ce0;outline:1px solid var(--devui-brand, #5e7ce0)}50%{outline:1px solid #5e7ce0;outline:1px solid var(--devui-brand, #5e7ce0)}90%{outline:1px solid rgba(255,255,255,0)}99%{outline:0 none rgba(255,255,255,0)}to{outline:medium none invert}}@keyframes hightlight-and-disapear{0%{outline:medium none invert}2%{outline:0 none rgba(255,255,255,0)}10%{outline:1px solid #5e7ce0;outline:1px solid var(--devui-brand, #5e7ce0)}50%{outline:1px solid #5e7ce0;outline:1px solid var(--devui-brand, #5e7ce0)}90%{outline:1px solid rgba(255,255,255,0)}99%{outline:0 none rgba(255,255,255,0)}to{outline:medium none invert}}
@@ -1,7 +0,0 @@
1
- import { App } from 'vue';
2
- declare function install(app: App): void
3
- declare const _default: {
4
- install: typeof install;
5
- version: string;
6
- };
7
- export default _default;
@@ -1,130 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- import { ref, onMounted, computed, defineComponent, createVNode } from "vue";
21
- const backTopProps = {
22
- bottom: {
23
- type: String,
24
- default: "50px"
25
- },
26
- right: {
27
- type: String,
28
- default: "30px"
29
- },
30
- target: {
31
- type: String,
32
- default: "window"
33
- },
34
- visibleHeight: {
35
- type: Number,
36
- default: 300
37
- }
38
- };
39
- function usePosition(props) {
40
- const { bottom, right } = props;
41
- return {
42
- bottom,
43
- right
44
- };
45
- }
46
- function useTarget(props, backTopRef) {
47
- const target = props.target;
48
- const getTargetEl = () => {
49
- const targetEl = document.querySelector(target);
50
- if (!targetEl) {
51
- throw new Error(`props ${target} is not existed`);
52
- }
53
- targetEl.parentElement.style.position = "relative";
54
- backTopRef.value.style.position = "absolute";
55
- return targetEl;
56
- };
57
- const currTarget = target === "window" ? window || document.documentElement || document.body : getTargetEl();
58
- return currTarget;
59
- }
60
- function useVisibility(props, backTopRef) {
61
- const visibleHeight = props.visibleHeight;
62
- const currScrollTop = ref(0);
63
- const ThrottleCBFn = function() {
64
- currScrollTop.value = currTarget === window ? window.pageYOffset : currTarget.scrollTop;
65
- };
66
- let currTarget = null;
67
- onMounted(() => {
68
- currTarget = useTarget(props, backTopRef);
69
- useEventListener(currTarget, "scroll", useThrottle(ThrottleCBFn, 150));
70
- });
71
- const isVisible = computed(() => currScrollTop.value >= visibleHeight);
72
- return isVisible;
73
- }
74
- function useEventListener(target, event, cb) {
75
- if (target) {
76
- target.addEventListener(event, cb);
77
- }
78
- }
79
- function useThrottle(fn, delay) {
80
- let last = null;
81
- return (...args) => {
82
- const now = +Date.now();
83
- if (now - last > delay) {
84
- last = now;
85
- return fn.apply(this, args);
86
- }
87
- };
88
- }
89
- var backTop = "";
90
- var IconTop = "data:image/svg+xml;base64,PHN2ZyB0PSIxNjM2MjU2NTI0MjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0NTciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTAgMGgxMDI0djEwMjRIMHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgcC1pZD0iMzQ1OCI+PC9wYXRoPjxwYXRoIGQ9Ik04NzguOTMzMzMzIDY1OC40MTA2NjdhNDEuNjg1MzMzIDQxLjY4NTMzMyAwIDAgMS01OC45NDQgMC4zMmwtMzA3Ljk2OC0zMDQuNjRMMjA0LjAxMDY2NyA2NTguNzczMzMzYTQxLjY4NTMzMyA0MS42ODUzMzMgMCAwIDEtNTguNTYgMC4wNjQgNDAuNjE4NjY3IDQwLjYxODY2NyAwIDAgMS0wLjA2NC01Ny44MTMzMzNsMzM1LjQyNC0zMzEuNzMzMzMzYTQxLjU3ODY2NyA0MS41Nzg2NjcgMCAwIDEgMzEuMDQtMTIuMDEwNjY3IDQxLjQ5MzMzMyA0MS40OTMzMzMgMCAwIDEgMzEuMzYgMTEuOTg5MzMzbDMzNS40MDI2NjYgMzMxLjczMzMzNGMxNS45MzYgMTUuNzg2NjY3IDE2LjA4NTMzMyA0MS40OTMzMzMgMC4zMiA1Ny40MjkzMzN6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIzNDU5Ij48L3BhdGg+PHBhdGggZD0iTTU1NC42NjY2NjcgMzYyLjY2NjY2N3Y1MzMuMzMzMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtODUuMzMzMzM0IDBWMzYyLjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDg1LjMzMzMzNCAwek0xMjggODUuMzMzMzMzaDc2OGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAgODUuMzMzMzM0SDEyOGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAtODUuMzMzMzM0eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMzQ2MCI+PC9wYXRoPjwvc3ZnPg==";
91
- var BackTop = defineComponent({
92
- name: "DBackTop",
93
- props: backTopProps,
94
- emits: [],
95
- setup(props, ctx) {
96
- const slots = ctx.slots;
97
- const backTopRef = ref(null);
98
- const position = usePosition(props);
99
- const isVisible = useVisibility(props, backTopRef);
100
- const scrollToTop = () => {
101
- window && window.scrollTo({
102
- top: 0,
103
- left: 0,
104
- behavior: "smooth"
105
- });
106
- };
107
- return () => createVNode("div", {
108
- "class": "devui-back-top",
109
- "ref": backTopRef,
110
- "style": __spreadProps(__spreadValues({}, position), {
111
- display: isVisible.value ? "block" : "none"
112
- }),
113
- "onClick": scrollToTop
114
- }, [createVNode("div", {
115
- "class": ["devui-back-top-base", slots.default ? "devui-backtop-custom" : "devui-back-top-content"]
116
- }, [slots.default ? slots.default() : createVNode(IconTop, null, null)])]);
117
- }
118
- });
119
- BackTop.install = function(app) {
120
- app.component(BackTop.name, BackTop);
121
- };
122
- var index = {
123
- title: "BackTop \u56DE\u5230\u9876\u90E8",
124
- category: "\u5BFC\u822A",
125
- status: "60%",
126
- install(app) {
127
- app.use(BackTop);
128
- }
129
- };
130
- export { BackTop, index as default };
@@ -1 +0,0 @@
1
- var m=Object.defineProperty,w=Object.defineProperties;var f=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var g=(e,t,o)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,r=(e,t)=>{for(var o in t||(t={}))y.call(t,o)&&g(e,o,t[o]);if(N)for(var o of N(t))A.call(t,o)&&g(e,o,t[o]);return e},a=(e,t)=>w(e,f(t));(function(e,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis!="undefined"?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){"use strict";const o={bottom:{type:String,default:"50px"},right:{type:String,default:"30px"},target:{type:String,default:"window"},visibleHeight:{type:Number,default:300}};function d(M){const{bottom:n,right:i}=M;return{bottom:n,right:i}}function j(M,n){const i=M.target;return i==="window"?window||document.documentElement||document.body:(()=>{const u=document.querySelector(i);if(!u)throw new Error(`props ${i} is not existed`);return u.parentElement.style.position="relative",n.value.style.position="absolute",u})()}function I(M,n){const i=M.visibleHeight,c=t.ref(0),s=function(){c.value=u===window?window.pageYOffset:u.scrollTop};let u=null;return t.onMounted(()=>{u=j(M,n),D(u,"scroll",T(s,150))}),t.computed(()=>c.value>=i)}function D(M,n,i){M&&M.addEventListener(n,i)}function T(M,n){let i=null;return(...c)=>{const s=+Date.now();if(s-i>n)return i=s,M.apply(this,c)}}var b="",p="data:image/svg+xml;base64,PHN2ZyB0PSIxNjM2MjU2NTI0MjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0NTciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTAgMGgxMDI0djEwMjRIMHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgcC1pZD0iMzQ1OCI+PC9wYXRoPjxwYXRoIGQ9Ik04NzguOTMzMzMzIDY1OC40MTA2NjdhNDEuNjg1MzMzIDQxLjY4NTMzMyAwIDAgMS01OC45NDQgMC4zMmwtMzA3Ljk2OC0zMDQuNjRMMjA0LjAxMDY2NyA2NTguNzczMzMzYTQxLjY4NTMzMyA0MS42ODUzMzMgMCAwIDEtNTguNTYgMC4wNjQgNDAuNjE4NjY3IDQwLjYxODY2NyAwIDAgMS0wLjA2NC01Ny44MTMzMzNsMzM1LjQyNC0zMzEuNzMzMzMzYTQxLjU3ODY2NyA0MS41Nzg2NjcgMCAwIDEgMzEuMDQtMTIuMDEwNjY3IDQxLjQ5MzMzMyA0MS40OTMzMzMgMCAwIDEgMzEuMzYgMTEuOTg5MzMzbDMzNS40MDI2NjYgMzMxLjczMzMzNGMxNS45MzYgMTUuNzg2NjY3IDE2LjA4NTMzMyA0MS40OTMzMzMgMC4zMiA1Ny40MjkzMzN6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIzNDU5Ij48L3BhdGg+PHBhdGggZD0iTTU1NC42NjY2NjcgMzYyLjY2NjY2N3Y1MzMuMzMzMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtODUuMzMzMzM0IDBWMzYyLjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDg1LjMzMzMzNCAwek0xMjggODUuMzMzMzMzaDc2OGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAgODUuMzMzMzM0SDEyOGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAtODUuMzMzMzM0eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMzQ2MCI+PC9wYXRoPjwvc3ZnPg==",l=t.defineComponent({name:"DBackTop",props:o,emits:[],setup(M,n){const i=n.slots,c=t.ref(null),s=d(M),u=I(M,c),z=()=>{window&&window.scrollTo({top:0,left:0,behavior:"smooth"})};return()=>t.createVNode("div",{class:"devui-back-top",ref:c,style:a(r({},s),{display:u.value?"block":"none"}),onClick:z},[t.createVNode("div",{class:["devui-back-top-base",i.default?"devui-backtop-custom":"devui-back-top-content"]},[i.default?i.default():t.createVNode(p,null,null)])])}});l.install=function(M){M.component(l.name,l)};var Y={title:"BackTop \u56DE\u5230\u9876\u90E8",category:"\u5BFC\u822A",status:"60%",install(M){M.use(l)}};e.BackTop=l,e.default=Y,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});
@@ -1,7 +0,0 @@
1
- {
2
- "name": "back-top",
3
- "version": "0.0.0",
4
- "main": "index.umd.js",
5
- "module": "index.es.js",
6
- "style": "style.css"
7
- }
@@ -1 +0,0 @@
1
- .devui-back-top{position:fixed;width:40px;height:40px;cursor:pointer;z-index:9}.devui-back-top .devui-back-top-base{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.devui-back-top .devui-back-top-base:hover{opacity:1}.devui-back-top .devui-back-top-content{opacity:.4;background-color:var(--devui-text-weak, #575d6c);box-shadow:0 0 8px #0003}.devui-back-top .devui-backtop-custom{background-color:#fff}
@@ -1,7 +0,0 @@
1
- import { App } from 'vue';
2
- declare function install(app: App): void
3
- declare const _default: {
4
- install: typeof install;
5
- version: string;
6
- };
7
- export default _default;
@@ -1,128 +0,0 @@
1
- import { defineComponent, inject, ref, getCurrentInstance, onMounted, onBeforeUnmount, createVNode, provide, resolveComponent } from "vue";
2
- const breadcrumbProps = {
3
- source: {
4
- type: Array,
5
- default: []
6
- },
7
- separatorIcon: {
8
- type: String
9
- }
10
- };
11
- const breadcrumbItemProps = {
12
- showMenu: {
13
- type: Boolean,
14
- default: false
15
- },
16
- menuList: {
17
- type: Array
18
- },
19
- isSearch: {
20
- type: Boolean,
21
- dafault: false
22
- },
23
- to: {
24
- type: [String, Object],
25
- default: ""
26
- },
27
- replace: {
28
- type: Boolean,
29
- default: false
30
- }
31
- };
32
- var breadcrumbItem = "";
33
- var BreadcrumbItem = defineComponent({
34
- name: "DBreadcrumbItem",
35
- props: breadcrumbItemProps,
36
- setup(props, {
37
- slots
38
- }) {
39
- const separatorIcon = inject("separatorIcon");
40
- const linkClass = props.to ? "is-link" : "";
41
- const link = ref(null);
42
- const instance = getCurrentInstance();
43
- const router = instance.appContext.config.globalProperties.$router;
44
- const handleClickLink = () => {
45
- if (!props.to || !router) {
46
- return;
47
- }
48
- props.replace ? router.replace(props.to) : router.push(props.to);
49
- };
50
- onMounted(() => {
51
- link.value.addEventListener("click", handleClickLink);
52
- });
53
- onBeforeUnmount(() => {
54
- link.value.removeEventListener("click", handleClickLink);
55
- });
56
- return () => {
57
- const renderBreadcrumbSperator = () => {
58
- return createVNode("span", {
59
- "class": "devui-breadcrumb-separator"
60
- }, [separatorIcon]);
61
- };
62
- return createVNode("div", {
63
- "class": "devui-breadcrumb-item"
64
- }, [createVNode("span", {
65
- "ref": link,
66
- "class": linkClass
67
- }, [slots == null ? void 0 : slots.default()]), renderBreadcrumbSperator()]);
68
- };
69
- }
70
- });
71
- function getPropsSlot(slots, props, prop = "default") {
72
- var _a, _b;
73
- return (_b = props[prop]) != null ? _b : (_a = slots[prop]) == null ? void 0 : _a.call(slots);
74
- }
75
- var breadcrumb = "";
76
- var Breadcrumb = defineComponent({
77
- name: "DBreadcrumb",
78
- components: {
79
- DBreadcrumbItem: BreadcrumbItem
80
- },
81
- props: breadcrumbProps,
82
- setup(props, {
83
- slots
84
- }) {
85
- var _a;
86
- const separatorIcon = (_a = getPropsSlot(slots, props, "separatorIcon")) != null ? _a : "/";
87
- provide("separatorIcon", separatorIcon);
88
- const renderBreadcrumbItemRouted = (item) => {
89
- return createVNode(resolveComponent("d-breadcrumb-item"), {
90
- "to": `path: ${item.link}`,
91
- "replace": item.replace
92
- }, {
93
- default: () => [item.title]
94
- });
95
- };
96
- const renderBreadItemList = (source) => {
97
- return source.map((item) => {
98
- if (!item.noNavigation && item.linkType === "routerLink") {
99
- return renderBreadcrumbItemRouted(item);
100
- }
101
- return createVNode(resolveComponent("d-breadcrumb-item"), null, {
102
- default: () => [!item.noNavigation && (!item.linkType || item.linkType === "hrefLink") ? createVNode("a", {
103
- "href": item.link,
104
- "target": item.target ? item.target : "_self"
105
- }, [item.title]) : null, item.noNavigation ? createVNode("span", null, [item.title]) : null]
106
- });
107
- });
108
- };
109
- return () => {
110
- return createVNode("div", {
111
- "class": "devui-breadcrumb"
112
- }, [props.source && props.source.length ? renderBreadItemList(props.source) : slots == null ? void 0 : slots.default()]);
113
- };
114
- }
115
- });
116
- Breadcrumb.install = function(app) {
117
- app.component(Breadcrumb.name, Breadcrumb);
118
- app.component(BreadcrumbItem.name, BreadcrumbItem);
119
- };
120
- var index = {
121
- title: "Breadcrumb \u9762\u5305\u5C51",
122
- category: "\u5BFC\u822A",
123
- status: "50%",
124
- install(app) {
125
- app.use(Breadcrumb);
126
- }
127
- };
128
- export { Breadcrumb, index as default };