@cldemo/ui-kit 1.0.0

package/docs/components/Web/Dropdownpopup.md

@@ -0,0 +1,47 @@
+# ClDropdownpopup Dropdownpopup
+
+> 下拉弹出层组件，弹出任意自定义内容
+
+- **标签名**: `<cl-dropdownpopup>`
+- **引入**: `import { ClDropdownpopup } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| className | `String` | `` | 否 |  |
+| dropdownArrowPos | `String` | `'center'` | 否 |  |
+| dropDownPos | `String` | `'up'` | 否 |  |
+| isUseDropdownArrow | `Boolean` | `true` | 否 |  |
+| appendContainer | `String` | `` | 否 |  |
+| transitionEnter | `String` | `'animated fadeIn'` | 否 |  |
+| transitionLeave | `String` | `'animated fadeOut'` | 否 |  |
+| triggers | `String` | `'click'` | 否 |  |
+
+## Slots
+
+| 名称 | 说明 |
+|------|------|
+| label | label 插槽 |
+| dropdown | 下拉内容插槽 |
+
+## Events
+
+| 事件名 | 说明 |
+|--------|------|
+| onChangeOpen |  |
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| setOpen() |  |
+| calculationPosition() |  |
+| initCompleteOpen() |  |
+| checkCurrentIsOpen() |  |
+
+## 基础用法
+
+```vue
+<cl-dropdownpopup></cl-dropdownpopup>
+```

package/docs/components/Web/Echarts.md

@@ -0,0 +1,43 @@
+# ClEcharts Echarts
+
+> 图表组件，基于 ECharts 封装，支持多种图表类型
+
+- **标签名**: `<cl-echarts>`
+- **引入**: `import { ClEcharts } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| chartOption | `Object` | `` | 否 |  |
+| className | `String` | `` | 否 |  |
+| height | `Number, String` | `400` | 否 |  |
+| isRunLoad | `Boolean` | `false` | 否 |  |
+
+## Slots
+
+| 名称 | 说明 |
+|------|------|
+| chartHead | chartHead 插槽 |
+| nothingData | nothingData 插槽 |
+
+## Events
+
+| 事件名 | 说明 |
+|--------|------|
+| onInitFirst |  |
+| onHideResize |  |
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| getChartObject() |  |
+| getChartElement() |  |
+| resize() |  |
+
+## 基础用法
+
+```vue
+<cl-echarts></cl-echarts>
+```

package/docs/components/Web/Fileupload.md

@@ -0,0 +1,60 @@
+# ClFileupload Fileupload
+
+> 文件上传组件，支持拖拽上传、多文件上传、进度显示
+
+- **标签名**: `<cl-fileupload>`
+- **引入**: `import { ClFileupload } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| value | `String` | `` | 否 |  |
+| name | `String` | `` | 否 |  |
+| className | `String` | `` | 否 |  |
+| theme | `String` | `'default'` | 否 |  |
+| disabled | `Boolean` | `false` | 否 |  |
+| isMultiple | `Boolean` | `false` | 否 |  |
+| defaultHoverTitle | `String` | `` | 否 |  |
+| buttonClass | `String` | `` | 否 |  |
+| buttonLabel | `String` | `` | 否 |  |
+| buttonIcon | `String` | `` | 否 |  |
+| buttonColor | `String` | `` | 否 |  |
+| checkFormat | `String` | `` | 否 |  |
+| checkMinSize | `String, Number` | `` | 否 |  |
+| checkMaxSize | `String, Number` | `` | 否 |  |
+| checkWidth | `String, Number` | `` | 否 |  |
+| checkHeight | `String, Number` | `` | 否 |  |
+| checkWHType | `String` | `'equal'` | 否 |  |
+| serverFileCallback | `Function` | `` | 否 |  |
+| isShowPreview | `Boolean` | `true` | 否 |  |
+| isShowDownload | `Boolean` | `true` | 否 |  |
+| isShowUploadResult | `Boolean` | `true` | 否 |  |
+| isShowUploadIng | `Boolean` | `true` | 否 |  |
+
+## Slots
+
+| 名称 | 说明 |
+|------|------|
+| label | label 插槽 |
+
+## Events
+
+| 事件名 | 说明 |
+|--------|------|
+| update:value |  |
+| onChange | 值改变事件 |
+| onRemove | 移除事件 |
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| getValue() | 获取当前值 |
+| cleanReduction() |  |
+
+## 基础用法
+
+```vue
+<cl-fileupload></cl-fileupload>
+```

package/docs/components/Web/InputTag.md

@@ -0,0 +1,56 @@
+# ClInputTag InputTag
+
+> 标签输入框，支持输入后生成标签
+
+- **标签名**: `<cl-input-tag>`
+- **引入**: `import { ClInputTag } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| value | `String` | `` | 否 |  |
+| className | `String` | `` | 否 |  |
+| placeholder | `String` | `` | 否 |  |
+| disabled | `Boolean` | `false` | 否 |  |
+| isClean | `Boolean` | `true` | 否 |  |
+| multiple | `Boolean` | `true` | 否 |  |
+| isCopy | `Boolean` | `false` | 否 |  |
+| isCopyMultipleWrap | `Boolean` | `true` | 否 |  |
+| copyJoinKey | `String` | `'` | 否 |  |
+| minHeight | `String` | `'70px'` | 否 |  |
+| joinKey | `String` | `'` | 否 |  |
+| isAutofill | `Boolean` | `false` | 否 |  |
+| list | `Array` | `() => { return [] }` | 否 |  |
+| searchKey | `Array` | `() => { return ['name'] }` | 否 |  |
+| searchKeyType | `String` | `'||'` | 否 |  |
+| showDropDownTextFormat | `String` | `` | 否 |  |
+| serverCallback | `Function` | `` | 否 |  |
+| isFocusShowDrop | `Boolean` | `false` | 否 |  |
+| textMaxHeight | `String` | `` | 否 |  |
+| tagsMaxHeight | `String` | `` | 否 |  |
+| isShowNum | `Boolean` | `false` | 否 |  |
+| isShowLoading | `Boolean` | `false` | 否 |  |
+
+## Events
+
+| 事件名 | 说明 |
+|--------|------|
+| onInit | 初始化完成事件 |
+| update:value |  |
+| onChange | 值改变事件 |
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| getValue() | 获取当前值 |
+| getValueData() | 获取当前值对应的数据对象 |
+| setValue() | 设置值 |
+| focus() | 获取焦点 |
+
+## 基础用法
+
+```vue
+<cl-input-tag></cl-input-tag>
+```

package/docs/components/Web/Paginate.md

@@ -0,0 +1,30 @@
+# ClPaginate Paginate
+
+> 分页组件，支持页码切换和每页条数设置
+
+- **标签名**: `<cl-paginate>`
+- **引入**: `import { ClPaginate } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| isShowLimit | `Boolean` | `true` | 否 |  |
+| limitValue | `Number` | `10` | 否 |  |
+| limitData | `Array as () =&gt; any[]` | `` | 否 |  |
+| isShowJump | `Boolean` | `true` | 否 |  |
+| totalCount | `Number` | `0` | 否 |  |
+| currentPage | `Number` | `1` | 否 |  |
+| isDisabled | `Boolean` | `false` | 否 |  |
+
+## Events
+
+| 事件名 | 说明 |
+|--------|------|
+| onChange | 值改变事件 |
+
+## 基础用法
+
+```vue
+<cl-paginate></cl-paginate>
+```

package/docs/components/Web/Portlet.md

@@ -0,0 +1,27 @@
+# ClPortlet Portlet
+
+> 面板组件，支持折叠/展开、刷新、关闭操作
+
+- **标签名**: `<cl-portlet>`
+- **引入**: `import { ClPortlet } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| titleName | `String` | `` | 否 |  |
+| className | `String` | `` | 否 |  |
+| isShowHead | `Boolean` | `true` | 否 |  |
+
+## Slots
+
+| 名称 | 说明 |
+|------|------|
+| titleExtend | titleExtend 插槽 |
+| default | 默认插槽 |
+
+## 基础用法
+
+```vue
+<cl-portlet></cl-portlet>
+```

package/docs/components/Web/Preview.md

@@ -0,0 +1,19 @@
+# ClPreview Preview
+
+> 大图预览组件，支持图片放大查看、旋转、切换
+
+- **标签名**: `<cl-preview>`
+- **引入**: `import { ClPreview } from '@cldemo/library'`
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| show() |  |
+| destroy() |  |
+
+## 基础用法
+
+```vue
+<cl-preview></cl-preview>
+```

package/docs/components/Web/Previewexample.md

@@ -0,0 +1,39 @@
+# ClPreviewexample Previewexample
+
+> 预览示例组件，用于文档展示图片预览效果
+
+- **标签名**: `<cl-previewexample>`
+- **引入**: `import { ClPreviewexample } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| className | `String` | `` | 否 |  |
+| classContainer | `String` | `` | 否 |  |
+| classItem | `String` | `` | 否 |  |
+| width | `Number, String` | `'auto'` | 否 |  |
+| height | `Number` | `` | 是 |  |
+| list | `ListInfo[]` | `() => []` | 否 |  |
+| label | `String` | `` | 否 |  |
+| previewIconSize | `String` | `'large'` | 否 |  |
+| previewCallback | `Function` | `` | 否 |  |
+| isShowLoading | `Boolean` | `false` | 否 |  |
+| isLoading | `Boolean` | `false` | 否 |  |
+| isShowDelete | `Boolean` | `false` | 否 |  |
+| showNum | `Number` | `-1` | 否 |  |
+| srcValueKey | `String` | `'value'` | 否 |  |
+| isShowCopy | `Boolean` | `true` | 否 |  |
+| isClickImagePreview | `Boolean` | `false` | 否 |  |
+
+## Slots
+
+| 名称 | 说明 |
+|------|------|
+| extend | extend 插槽 |
+
+## 基础用法
+
+```vue
+<cl-previewexample></cl-previewexample>
+```

package/docs/components/Web/ScrollXFence.md

@@ -0,0 +1,38 @@
+# ClScrollXFence ScrollXFence
+
+> 横向滚动栅栏，表格列固定时的横向滚动容器
+
+- **标签名**: `<cl-scroll-xfence>`
+- **引入**: `import { ClScrollXFence } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| isShowLeft | `Boolean` | `true` | 否 |  |
+| isShowRight | `Boolean` | `true` | 否 |  |
+| isShowCorner | `Boolean` | `false` | 否 |  |
+| isShowCover | `Boolean` | `false` | 否 |  |
+| cornerType | `String` | `` | 否 |  |
+| leftWidth | `String` | `'0'` | 否 |  |
+| centerWidth | `String` | `'0'` | 否 |  |
+| rightWidth | `String` | `'0'` | 否 |  |
+| initLeft | `String` | `` | 否 |  |
+
+## Events
+
+| 事件名 | 说明 |
+|--------|------|
+| onScrollX |  |
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| setScrollLeft() |  |
+
+## 基础用法
+
+```vue
+<cl-scroll-xfence></cl-scroll-xfence>
+```

package/docs/components/Web/Select.md

@@ -0,0 +1,56 @@
+# ClSelect Select
+
+> 下拉选择器，支持单选/多选、搜索、远程加载、标签模式
+
+- **标签名**: `<cl-select>`
+- **引入**: `import { ClSelect } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| value | `String, Number` | `` | 否 |  |
+| list | `any[]` | `() => []` | 否 |  |
+| className | `String` | `` | 否 |  |
+| placeholder | `String` | `` | 否 |  |
+| classDropDown | `String` | `` | 否 |  |
+| theme | `String` | `'default'` | 否 |  |
+| disabled | `Boolean` | `false` | 否 |  |
+| multiple | `Boolean` | `false` | 否 |  |
+| isClear | `Boolean` | `false` | 否 |  |
+| isSearch | `Boolean` | `false` | 否 |  |
+| isCheckBoxAll | `Boolean` | `true` | 否 |  |
+| isShowTag | `Boolean` | `true` | 否 |  |
+| arrowDirection | `String` | `'right'` | 否 |  |
+| searchPlaceholder | `String` | `` | 否 |  |
+| searchKey | `string[]` | `() => ['name']` | 否 |  |
+| searchKeyType | `String` | `'||'` | 否 |  |
+| showTextFormat | `String` | `` | 否 |  |
+| showDropDownTextFormat | `String` | `` | 否 |  |
+| multipleRealTimeChange | `Boolean` | `false` | 否 |  |
+| onOpenBefore | `Function` | `` | 否 |  |
+| serverCallback | `Function` | `` | 否 |  |
+
+## Events
+
+| 事件名 | 说明 |
+|--------|------|
+| update:value |  |
+| onChange | 值改变事件 |
+| onInit | 初始化完成事件 |
+| onOpen |  |
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| getValue() | 获取当前值 |
+| getValueData() | 获取当前值对应的数据对象 |
+| setValue() | 设置值 |
+| runInitComplete() |  |
+
+## 基础用法
+
+```vue
+<cl-select></cl-select>
+```

package/docs/components/Web/SelectCascade.md

@@ -0,0 +1,37 @@
+# ClSelectCascade SelectCascade
+
+> 级联选择器，支持多级联动选择
+
+- **标签名**: `<cl-select-cascade>`
+- **引入**: `import { ClSelectCascade } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| value | `String, Number` | `` | 否 |  |
+| list | `Array` | `() => []` | 否 |  |
+| placeholder | `String` | `` | 否 |  |
+| className | `String` | `` | 否 |  |
+| disabled | `Boolean` | `false` | 否 |  |
+| isClear | `Boolean` | `false` | 否 |  |
+| isSearch | `Boolean` | `false` | 否 |  |
+| parentKey | `String` | `'parentId'` | 否 |  |
+| topParentValue | `String` | `'0'` | 否 |  |
+| width | `String` | `` | 否 |  |
+| isCheckValidate | `Boolean` | `false` | 否 |  |
+| validateRules | `Array` | `() => [{ r: 'required' }]` | 否 |  |
+| isShowInMsg | `Boolean` | `true` | 否 |  |
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| getValue() | 获取当前值 |
+| setValue() | 设置值 |
+
+## 基础用法
+
+```vue
+<cl-select-cascade></cl-select-cascade>
+```

package/docs/components/Web/SelectTag.md

@@ -0,0 +1,43 @@
+# ClSelectTag SelectTag
+
+> 标签选择器，以标签形式展示选中项
+
+- **标签名**: `<cl-select-tag>`
+- **引入**: `import { ClSelectTag } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| value | `String, Number` | `` | 否 |  |
+| className | `String` | `` | 否 |  |
+| theme | `String` | `` | 否 |  |
+| list | `ListInfo[]` | `() => []` | 否 |  |
+| disabled | `Boolean` | `false` | 否 |  |
+| width | `String` | `` | 否 |  |
+| isShowAll | `Boolean` | `false` | 否 |  |
+| showAllLabel | `String` | `` | 否 |  |
+| checkChangeBefore | `Function` | `` | 否 |  |
+| isInitRadioValue | `Boolean` | `true` | 否 |  |
+| isRadioClickCancel | `Boolean` | `false` | 否 |  |
+
+## Slots
+
+| 名称 | 说明 |
+|------|------|
+| default | 默认插槽 |
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| getValue() | 获取当前值 |
+| getValueData() | 获取当前值对应的数据对象 |
+| setValue() | 设置值 |
+| runInitComplete() |  |
+
+## 基础用法
+
+```vue
+<cl-select-tag></cl-select-tag>
+```

package/docs/components/Web/SelectTree.md

@@ -0,0 +1,44 @@
+# ClSelectTree SelectTree
+
+> 树形选择器，支持树形结构的下拉选择
+
+- **标签名**: `<cl-select-tree>`
+- **引入**: `import { ClSelectTree } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| value | `String, Number` | `` | 否 |  |
+| list | `Array` | `() => []` | 否 |  |
+| className | `String` | `` | 否 |  |
+| placeholder | `String` | `` | 否 |  |
+| classDropDown | `String` | `` | 否 |  |
+| disabled | `Boolean` | `false` | 否 |  |
+| multiple | `Boolean` | `false` | 否 |  |
+| isClear | `Boolean` | `false` | 否 |  |
+| arrowDirection | `String` | `'right'` | 否 |  |
+| searchPlaceholder | `String` | `` | 否 |  |
+| searchKey | `Array` | `() => ['name']` | 否 |  |
+| searchKeyType | `String` | `'||'` | 否 |  |
+| showTextFormat | `String` | `` | 否 |  |
+| showDropDownTextFormat | `String` | `` | 否 |  |
+| onOpenBefore | `Function` | `` | 否 |  |
+| isSingleSelectParent | `Boolean` | `false` | 否 |  |
+| isOutMerge | `Boolean` | `true` | 否 |  |
+| parentKey | `String` | `'parentId'` | 否 |  |
+| topParentValue | `String` | `'0'` | 否 |  |
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| getValue() | 获取当前值 |
+| getValueData() | 获取当前值对应的数据对象 |
+| setValue() | 设置值 |
+
+## 基础用法
+
+```vue
+<cl-select-tree></cl-select-tree>
+```

package/docs/components/Web/Selectmove.md

@@ -0,0 +1,58 @@
+# ClSelectmove Selectmove
+
+> 穿梭框选择器，支持左右列表数据穿梭
+
+- **标签名**: `<cl-selectmove>`
+- **引入**: `import { ClSelectmove } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| value | `String` | `` | 否 |  |
+| list | `Array` | `() => []` | 否 |  |
+| className | `String` | `` | 否 |  |
+| isDropdown | `Boolean` | `false` | 否 |  |
+| placeholder | `String` | `` | 否 |  |
+| disabled | `Boolean` | `false` | 否 |  |
+| isClear | `Boolean` | `false` | 否 |  |
+| containerWidth | `Number` | `350` | 否 |  |
+| isSearch | `Boolean` | `true` | 否 |  |
+| searchPlaceholder | `String` | `` | 否 |  |
+| searchKey | `Array` | `() => ['name']` | 否 |  |
+| searchKeyType | `String` | `'||'` | 否 |  |
+| searchIsMultiple | `Boolean` | `false` | 否 |  |
+| searchMultipleJoin | `String` | `'` | 否 |  |
+| searchTextFormat | `String, Array` | `` | 否 |  |
+| treeTitle | `Array` | `() => []` | 否 |  |
+| treeShowMinLevel | `Number` | `1` | 否 |  |
+| treeTextFormat | `String, Array` | `` | 否 |  |
+| resultIsShow | `Boolean` | `true` | 否 |  |
+| resultTextFormat | `String` | `` | 否 |  |
+| resultCountFormat | `String` | `` | 否 |  |
+| resultMergeParent | `Boolean` | `true` | 否 |  |
+| isOutMerge | `Boolean` | `true` | 否 |  |
+| parentKey | `String` | `'parentId'` | 否 |  |
+| topParentValue | `String` | `'0'` | 否 |  |
+
+## Slots
+
+| 名称 | 说明 |
+|------|------|
+| resultSelect | resultSelect 插槽 |
+| textExtend | textExtend 插槽 |
+| dropdown | 下拉内容插槽 |
+
+## 方法
+
+| 方法 | 说明 |
+|------|------|
+| getValue() | 获取当前值 |
+| getValueData() | 获取当前值对应的数据对象 |
+| setValue() | 设置值 |
+
+## 基础用法
+
+```vue
+<cl-selectmove></cl-selectmove>
+```

package/docs/components/Web/Sidemenu.md

@@ -0,0 +1,25 @@
+# ClSidemenu Sidemenu
+
+> 侧边菜单组件，支持多级菜单和折叠模式
+
+- **标签名**: `<cl-sidemenu>`
+- **引入**: `import { ClSidemenu } from '@cldemo/library'`
+
+## Props
+
+| 参数 | 类型 | 默认值 | 必填 | 说明 |
+|------|------|--------|------|------|
+| active | `String` | `` | 否 |  |
+| list | `Array` | `() => []` | 是 |  |
+
+## Slots
+
+| 名称 | 说明 |
+|------|------|
+| default | 默认插槽 |
+
+## 基础用法
+
+```vue
+<cl-sidemenu></cl-sidemenu>
+```