vue2-components-plus 1.0.19 → 1.0.21

package/dist/ComponentDemo/DirectivesDemo.vue

@@ -236,7 +236,7 @@
     </div>
   </div>
 </template>
-<script setup lang="ts">
+<script setup>
 import { ref, provide } from 'vue'
 
 // v-sline 演示数据
@@ -270,7 +270,7 @@ const username = ref('')
 const age = ref('')
 const description = ref('')
 // 自动完成搜索函数
-function querySearch(queryString: string, cb: (results: Array<{ value: string }>) => void) {
+function querySearch(queryString, cb) {
   const results = queryString
     ? [
         { value: '测试用户1' },
@@ -313,7 +313,7 @@ function parentClick() {
   eventResult.value = '父容器被点击了 - 这不应该发生，因为使用了v-event-unuse'
 }
 
-function childClick(event: Event) {
+function childClick(event) {
   event.stopPropagation()
   eventResult.value = '子容器被点击了 - v-event-use生效'
 }

package/dist/ComponentDemo/NsTableDemo/SetupDemo.vue

@@ -73,7 +73,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup>
 import { computed, getCurrentInstance, nextTick, onMounted, ref } from 'vue'
 import { departmentOptions, fetchDepartmentOptions, fetchStatusOptions, filterUsers, mockUsers } from './mockData'
 
@@ -298,8 +298,8 @@ const containerRef = ref()
 const loading = ref(false)
 const total = ref(0)
 const tableData = ref([])
-const searchParams = ref<Record<string, any>>({})
-const paginationMode = ref<'backend' | 'frontend'>('backend')
+const searchParams = ref({})
+const paginationMode = ref('backend')
 const mockUserCount = mockUsers.length
 const externalSearchParams = { source: 'vue2-demo' }
 const searchProps = { labelWidth: '90px' }
@@ -317,21 +317,21 @@ const mergedTableProps = computed(() => ({
   stripe: true,
 }))
 
-function handleKeywordEnter(event: KeyboardEvent) {
+function handleKeywordEnter(event) {
   if (event && event.key === 'Enter') {
     handleSearch(containerRef.value ? containerRef.value.getSearchFormData() : {})
   }
 }
 
-function getStatusType(status: number) {
+function getStatusType(status) {
   return status === 1 ? 'success' : 'danger'
 }
 
-function getStatusText(status: number) {
+function getStatusText(status) {
   return status === 1 ? '启用' : '禁用'
 }
 
-function getDepartmentText(value: string) {
+function getDepartmentText(value) {
   const matched = departmentOptions.find(function (item) {
     return item.value === value
   })
@@ -344,7 +344,7 @@ function getCurrentPagination() {
     : { currentPage1: 1, pageSize1: 10 }
 }
 
-function paginateList(list: any[], pagination: any) {
+function paginateList(list, pagination) {
   const currentPage = Number(pagination.currentPage1 || 1)
   const pageSize = Number(pagination.pageSize1 || 10)
   const start = (currentPage - 1) * pageSize
@@ -399,7 +399,7 @@ async function loadData() {
   }
 }
 
-function handleSearch(params: Record<string, any>) {
+function handleSearch(params) {
   searchParams.value = Object.assign({}, params)
   loadData()
 }
@@ -408,7 +408,7 @@ function handleReset() {
   proxy?.$message?.info('搜索条件已重置')
 }
 
-function handleSelectionChange(selection: any[]) {
+function handleSelectionChange(selection) {
   if (selection && selection.length) {
     proxy?.$message?.success('当前选中 ' + selection.length + ' 行')
   }
@@ -426,7 +426,7 @@ function getSelectedKeys() {
   proxy?.$message?.success('当前选中 ID：' + (keys.length ? keys.join(', ') : '无'))
 }
 
-function selectRows(ids: number[]) {
+function selectRows(ids) {
   if (!containerRef.value) return
   containerRef.value.setSelectionKeys(ids)
   proxy?.$message?.success('已尝试选中 ID：' + ids.join(', '))
@@ -455,15 +455,15 @@ function handleAdd() {
   proxy?.$message?.success('点击了新增按钮')
 }
 
-function handleView(row: any) {
+function handleView(row) {
   proxy?.$message?.info('查看：' + row.username)
 }
 
-function handleEdit(row: any) {
+function handleEdit(row) {
   proxy?.$message?.success('编辑：' + row.username)
 }
 
-function handleDelete(row: any) {
+function handleDelete(row) {
   if (row.status === 0) {
     proxy?.$message?.warning('禁用状态用户不可删除')
     return

package/dist/vue2-components-plus.css

@@ -1 +1 @@
-html,body{margin:0;padding:0}*{box-sizing:border-box}:root{--matrix-form-title-width: 18px;--matrix-form-title-height: 18px;--matrix-form-title-gap: 8px;--matrix-form-title-color: #303133;--matrix-form-title-margin-bottom: 12px;--matrix-form-title-content-padding: 0;--matrix-form-title-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAAXNSR0IArs4c6QAAAElJREFUOE9jZMABOKv/HwVJfW9ltCbEZqSpIbgMxyaO4hJCzkb3GsxA6htCiheQ1TKS6wXqG0KuF1Bcgswh12uDKHZomuxJCR8ApFSZL0U+kogAAAAASUVORK5CYII=);--matrix-dialog-bk-color: #ffffff;--matrix-dialog-border-radius: 8px;--matrix-dialog-box-shadow: 0 12px 32px rgba(31, 35, 41, .12);--matrix-dialog-header-bg-color: #f5f7fa;--matrix-dialog-header-text-color: #303133;--matrix-dialog-header-height: 54px;--matrix-dialog-padding-top-bottom: 16px;--matrix-dialog-padding-left-right: 20px;--matrix-dialog-footer-gap: 12px}.ns-dialog-plus-modal{background-color:#00000073}.ns-dynamic-form[data-v-4efb4504]{width:100%}.ns-dynamic-form__row[data-v-4efb4504]{display:flex;flex-wrap:wrap;gap:var(--ns-form-col-gap)}.ns-dynamic-form__item[data-v-4efb4504]{display:flex;align-items:flex-start;padding:0}.ns-dynamic-form__item.has-children[data-v-4efb4504]{align-items:stretch}.ns-dynamic-form.is-vertical .ns-dynamic-form__item[data-v-4efb4504],.ns-dynamic-form__child[data-v-4efb4504]{background:var(--ns-form-background-color);border-radius:4px}.ns-dynamic-form__label[data-v-4efb4504],.ns-dynamic-form__group-label[data-v-4efb4504]{flex:none;width:var(--ns-form-label-width);min-height:var(--ns-form-item-height);line-height:var(--ns-form-item-height);padding-right:12px;color:var(--ns-form-label-color);word-break:break-all}.ns-dynamic-form__group-label[data-v-4efb4504]{width:var(--ns-form-super-label-width);color:var(--ns-form-label-color)}.ns-dynamic-form__label.has-point[data-v-4efb4504]:before{content:"*";color:#f56c6c;margin-right:4px}.ns-dynamic-form__value[data-v-4efb4504]{flex:1;min-width:0;line-height:var(--ns-form-item-height)}.ns-dynamic-form__children[data-v-4efb4504]{flex:1}.ns-dynamic-form__child[data-v-4efb4504]{display:flex;padding:6px 0}.ns-dynamic-form__form-item[data-v-4efb4504]{margin-bottom:0}.ns-dynamic-form__form-item[data-v-4efb4504] .el-form-item__content{line-height:normal}.ns-dynamic-form.is-table[data-v-4efb4504]{border:1px solid #ebeef5;border-bottom:0}.ns-dynamic-form.is-table .ns-dynamic-form__row[data-v-4efb4504]{gap:0;margin-bottom:0!important}.ns-dynamic-form.is-table .ns-dynamic-form__item[data-v-4efb4504]{padding:12px;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.ns-dynamic-form.is-table .ns-dynamic-form__item[data-v-4efb4504]:last-child{border-right:0}.ns-form-title[data-v-29c80ec1]{width:100%;display:flex;flex-direction:column;margin-bottom:var(--matrix-form-title-margin-bottom)}.ns-form-title__header[data-v-29c80ec1]{display:flex;align-items:center;gap:var(--matrix-form-title-gap);margin-bottom:var(--matrix-form-title-margin-bottom);color:var(--matrix-form-title-color)}.ns-form-title__icon[data-v-29c80ec1]{display:inline-block;width:var(--matrix-form-title-width);height:var(--matrix-form-title-height);border-radius:4px;background:var(--matrix-form-title-icon) no-repeat center center / 100% auto}.ns-form-title__text[data-v-29c80ec1]{font-size:18px;font-weight:500;color:var(--matrix-form-title-color)}.ns-form-title__content[data-v-29c80ec1]{width:100%}.page-search[data-v-9eea70d9]{margin-bottom:16px;padding:16px 16px 0;background:#fff;border-radius:4px}.page-search__actions[data-v-9eea70d9]{display:flex;align-items:flex-start}.page-search__form[data-v-9eea70d9]{width:100%}.page-table[data-v-e9b089a2]{display:flex;flex-direction:column;width:100%}.page-table__header[data-v-e9b089a2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.page-table__actions[data-v-e9b089a2]{display:flex;align-items:center;gap:8px}.page-table__pagination[data-v-e9b089a2]{display:flex;justify-content:flex-end;margin-top:16px}.page-table__empty[data-v-e9b089a2]{padding:24px 0;color:#909399;text-align:center}.page-container[data-v-400797f6]{display:flex;flex-direction:column;width:100%}.ns-dialog-plus__header[data-v-e8cb0826]{display:flex;align-items:center;justify-content:space-between;min-height:var(--matrix-dialog-header-height);cursor:default}.ns-dialog-plus__title[data-v-e8cb0826]{flex:1;font-size:16px;font-weight:600;color:var(--matrix-dialog-header-text-color)}.dialog-controls[data-v-e8cb0826]{display:flex;align-items:center;gap:8px}.dialog-icon[data-v-e8cb0826]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--matrix-dialog-header-text-color);cursor:pointer;transition:background-color .2s ease,color .2s ease}.dialog-icon[data-v-e8cb0826]:hover{background:rgba(0,0,0,.06);color:var(--matrix-color-primary, #409eff)}.dialog-close[data-v-e8cb0826]:hover{color:#f56c6c}.ns-dialog-plus__body[data-v-e8cb0826]{min-height:60px;flex:1 1 auto;min-width:0}.ns-dialog-plus__footer[data-v-e8cb0826]{display:flex;justify-content:flex-end;gap:var(--matrix-dialog-footer-gap)}[data-v-e8cb0826] .ns-dialog-plus{overflow:hidden;border-radius:var(--matrix-dialog-border-radius);box-shadow:var(--matrix-dialog-box-shadow)}[data-v-e8cb0826] .ns-dialog-plus .el-dialog__header,[data-v-e8cb0826] .ns-dialog-plus .el-dialog__footer{flex:0 0 auto}[data-v-e8cb0826] .ns-dialog-plus .el-dialog__header{padding:0 20px;background:var(--matrix-dialog-header-bg-color)}[data-v-e8cb0826] .ns-dialog-plus .el-dialog__body{padding:0;display:flex;flex:1 1 auto;min-height:0;overflow:hidden}
+html,body{margin:0;padding:0}*{box-sizing:border-box}:root{--matrix-form-title-width: 18px;--matrix-form-title-height: 18px;--matrix-form-title-gap: 8px;--matrix-form-title-color: #303133;--matrix-form-title-margin-bottom: 12px;--matrix-form-title-content-padding: 0;--matrix-form-title-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAAXNSR0IArs4c6QAAAElJREFUOE9jZMABOKv/HwVJfW9ltCbEZqSpIbgMxyaO4hJCzkb3GsxA6htCiheQ1TKS6wXqG0KuF1Bcgswh12uDKHZomuxJCR8ApFSZL0U+kogAAAAASUVORK5CYII=);--matrix-dialog-bk-color: #ffffff;--matrix-dialog-border-radius: 8px;--matrix-dialog-box-shadow: 0 12px 32px rgba(31, 35, 41, .12);--matrix-dialog-header-bg-color: #f5f7fa;--matrix-dialog-header-text-color: #303133;--matrix-dialog-header-height: 54px;--matrix-dialog-padding-top-bottom: 16px;--matrix-dialog-padding-left-right: 20px;--matrix-dialog-footer-gap: 12px}.ns-dialog-plus-modal{background-color:#00000073}.ns-dynamic-form[data-v-4efb4504]{width:100%}.ns-dynamic-form__row[data-v-4efb4504]{display:flex;flex-wrap:wrap;gap:var(--ns-form-col-gap)}.ns-dynamic-form__item[data-v-4efb4504]{display:flex;align-items:flex-start;padding:0}.ns-dynamic-form__item.has-children[data-v-4efb4504]{align-items:stretch}.ns-dynamic-form.is-vertical .ns-dynamic-form__item[data-v-4efb4504],.ns-dynamic-form__child[data-v-4efb4504]{background:var(--ns-form-background-color);border-radius:4px}.ns-dynamic-form__label[data-v-4efb4504],.ns-dynamic-form__group-label[data-v-4efb4504]{flex:none;width:var(--ns-form-label-width);min-height:var(--ns-form-item-height);line-height:var(--ns-form-item-height);padding-right:12px;color:var(--ns-form-label-color);word-break:break-all}.ns-dynamic-form__group-label[data-v-4efb4504]{width:var(--ns-form-super-label-width);color:var(--ns-form-label-color)}.ns-dynamic-form__label.has-point[data-v-4efb4504]:before{content:"*";color:#f56c6c;margin-right:4px}.ns-dynamic-form__value[data-v-4efb4504]{flex:1;min-width:0;line-height:var(--ns-form-item-height)}.ns-dynamic-form__children[data-v-4efb4504]{flex:1}.ns-dynamic-form__child[data-v-4efb4504]{display:flex;padding:6px 0}.ns-dynamic-form__form-item[data-v-4efb4504]{margin-bottom:0}.ns-dynamic-form__form-item[data-v-4efb4504] .el-form-item__content{line-height:normal}.ns-dynamic-form.is-table[data-v-4efb4504]{border:1px solid #ebeef5;border-bottom:0}.ns-dynamic-form.is-table .ns-dynamic-form__row[data-v-4efb4504]{gap:0;margin-bottom:0!important}.ns-dynamic-form.is-table .ns-dynamic-form__item[data-v-4efb4504]{padding:12px;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.ns-dynamic-form.is-table .ns-dynamic-form__item[data-v-4efb4504]:last-child{border-right:0}.ns-form-title[data-v-29c80ec1]{width:100%;display:flex;flex-direction:column;margin-bottom:var(--matrix-form-title-margin-bottom)}.ns-form-title__header[data-v-29c80ec1]{display:flex;align-items:center;gap:var(--matrix-form-title-gap);margin-bottom:var(--matrix-form-title-margin-bottom);color:var(--matrix-form-title-color)}.ns-form-title__icon[data-v-29c80ec1]{display:inline-block;width:var(--matrix-form-title-width);height:var(--matrix-form-title-height);border-radius:4px;background:var(--matrix-form-title-icon) no-repeat center center / 100% auto}.ns-form-title__text[data-v-29c80ec1]{font-size:18px;font-weight:500;color:var(--matrix-form-title-color)}.ns-form-title__content[data-v-29c80ec1]{width:100%}.page-search[data-v-cb2d43ff]{margin-bottom:16px;padding:16px 16px 0;background:#fff;border-radius:4px}.page-search__actions[data-v-cb2d43ff]{display:flex;align-items:flex-start}.page-search__form[data-v-cb2d43ff]{width:100%}.page-search__form[data-v-cb2d43ff] .el-form-item{display:flex;align-items:center;width:100%;margin-right:0}.page-search__form[data-v-cb2d43ff] .el-form-item__label{float:none;white-space:nowrap;padding-right:12px}.page-search__form[data-v-cb2d43ff] .el-form-item__content{flex:1;min-width:0}.page-search__form[data-v-cb2d43ff] .el-form-item__content>.el-input,.page-search__form[data-v-cb2d43ff] .el-form-item__content>.el-textarea,.page-search__form[data-v-cb2d43ff] .el-form-item__content>.el-select,.page-search__form[data-v-cb2d43ff] .el-form-item__content>.el-date-editor,.page-search__form[data-v-cb2d43ff] .el-form-item__content>.el-cascader,.page-search__form[data-v-cb2d43ff] .el-form-item__content>.el-autocomplete,.page-search__form[data-v-cb2d43ff] .el-form-item__content>.el-input-number,.page-search__form[data-v-cb2d43ff] .el-form-item__content>.el-slider{width:100%}.page-table[data-v-e9b089a2]{display:flex;flex-direction:column;width:100%}.page-table__header[data-v-e9b089a2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.page-table__actions[data-v-e9b089a2]{display:flex;align-items:center;gap:8px}.page-table__pagination[data-v-e9b089a2]{display:flex;justify-content:flex-end;margin-top:16px}.page-table__empty[data-v-e9b089a2]{padding:24px 0;color:#909399;text-align:center}.page-container[data-v-400797f6]{display:flex;flex-direction:column;width:100%}.ns-dialog-plus__header[data-v-e8cb0826]{display:flex;align-items:center;justify-content:space-between;min-height:var(--matrix-dialog-header-height);cursor:default}.ns-dialog-plus__title[data-v-e8cb0826]{flex:1;font-size:16px;font-weight:600;color:var(--matrix-dialog-header-text-color)}.dialog-controls[data-v-e8cb0826]{display:flex;align-items:center;gap:8px}.dialog-icon[data-v-e8cb0826]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--matrix-dialog-header-text-color);cursor:pointer;transition:background-color .2s ease,color .2s ease}.dialog-icon[data-v-e8cb0826]:hover{background:rgba(0,0,0,.06);color:var(--matrix-color-primary, #409eff)}.dialog-close[data-v-e8cb0826]:hover{color:#f56c6c}.ns-dialog-plus__body[data-v-e8cb0826]{min-height:60px;flex:1 1 auto;min-width:0}.ns-dialog-plus__footer[data-v-e8cb0826]{display:flex;justify-content:flex-end;gap:var(--matrix-dialog-footer-gap)}[data-v-e8cb0826] .ns-dialog-plus{overflow:hidden;border-radius:var(--matrix-dialog-border-radius);box-shadow:var(--matrix-dialog-box-shadow)}[data-v-e8cb0826] .ns-dialog-plus .el-dialog__header,[data-v-e8cb0826] .ns-dialog-plus .el-dialog__footer{flex:0 0 auto}[data-v-e8cb0826] .ns-dialog-plus .el-dialog__header{padding:0 20px;background:var(--matrix-dialog-header-bg-color)}[data-v-e8cb0826] .ns-dialog-plus .el-dialog__body{padding:0;display:flex;flex:1 1 auto;min-height:0;overflow:hidden}