diff --git a/package.json b/package.json index 21ee09fce..e9f956931 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,7 @@ "check": "node bin/ggpull && node bin/check-deps", "dev:vusion": "cross-env scene=desktop vue-cli-service doc --port 9100", "dev": "cross-env scene=desktop vant-cli dev", + "dev:error03000086": "set NODE_OPTIONS=--openssl-legacy-provider && cross-env scene=desktop vant-cli dev", "dev:mobile": "cross-env scene=mobile vant-cli dev", "lint": "vant-cli lint", "test": "vant-cli test", @@ -41,7 +42,7 @@ "screenshot": "node bin/screenshot", "genThemeConfig": "node ./scripts/genThemeConfig/index.js", "deploy:dev": "lcap deploy dist-theme --platform http://defaulttenant.lcap.dev.env.com && node bin/deploy-lcp-images --platform=http://defaulttenant.lcap.dev.env.com", - "deploy:test": "lcap deploy dist-theme --platform http://defaulttenant.lcap.ha.test.com && node bin/deploy-lcp-images --platform=http://defaulttenant.lcap.ha.test.com", + "deploy:test": "lcap deploy dist-theme --platform https://defaulttenant.lcap.codewave-test.163yun.com && node bin/deploy-lcp-images --platform=https://defaulttenant.lcap.codewave-test.163yun.com", "deploy:test-ga": "lcap deploy dist-theme --platform http://defaulttenant.lcap.codewave-test.163yun.com && node bin/deploy-lcp-images --platform=http://defaulttenant.lcap.codewave-test.163yun.com", "deploy:pre": "lcap deploy dist-theme --platform https://defaulttenant.lcap.hadri.163yun.com && node bin/deploy-lcp-images --platform=https://defaulttenant.lcap.hadri.163yun.com", "deploy:online": "lcap deploy dist-theme --platform http://netease-template.lcap.163yun.com && node bin/deploy-lcp-images --platform=http://netease-template.lcap.163yun.com", diff --git a/scripts/genThemeConfig/property.json b/scripts/genThemeConfig/property.json index b71ea894d..db9bb4db9 100644 --- a/scripts/genThemeConfig/property.json +++ b/scripts/genThemeConfig/property.json @@ -23,8 +23,8 @@ "--van-line-height-sm": "18px", "--van-line-height-md": "20px", "--van-line-height-lg": "22px", - "--van-base-font-family": "blinkmacsystemfont, 'Helvetica Neue',\n helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',\n 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif, -apple-system", - "--van-price-integer-font-family": "avenir-heavy, pingfang sc, helvetica neue,\n arial, sans-serif", + "--van-base-font-family": "blinkmacsystemfont, 'Helvetica Neue',\r\n helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',\r\n 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif, -apple-system", + "--van-price-integer-font-family": "avenir-heavy, pingfang sc, helvetica neue,\r\n arial, sans-serif", "--van-border-color": "#e5e5e5", "--van-border-width-base": "1px", "--van-border-radius-sm": "2px", @@ -37,119 +37,119 @@ "--van-padding-md": "calc(var(--van-padding-base) * 4)", "--van-padding-lg": "calc(var(--van-padding-base) * 6)", "--van-padding-xl": "calc(var(--van-padding-base) * 8)", - "--van-space-base": "var(\n --van-space-baset\n )", + "--van-space-base": "var(\r\n --van-space-baset\r\n )", "--van-panel-background-color": "#fff", "--van-panel-header-value-color": "#f24957", "--van-panel-footer-padding": "12px 24px", - "--van-text-font-size": "var(\n --van-font-size-sm\n )", - "--van-text-font-size-small": "var(\n --van-font-size-xs\n )", - "--van-text-font-size-large": "calc(\n var(--van-font-size-sm) * (18 / 14)\n )", - "--van-text-color-primary": "var(\n --van-brand-primary\n )", + "--van-text-font-size": "var(\r\n --van-font-size-sm\r\n )", + "--van-text-font-size-small": "var(\r\n --van-font-size-xs\r\n )", + "--van-text-font-size-large": "calc(\r\n var(--van-font-size-sm) * (18 / 14)\r\n )", + "--van-text-color-primary": "var(\r\n --van-brand-primary\r\n )", "--van-text-color-secondary": "#666", - "--van-text-color-success": "var(\n --van-brand-success\n )", - "--van-text-color-warning": "var(\n --van-brand-warning\n )", - "--van-text-color-error": "var(\n --van-brand-error\n )", - "--van-text-color-disabled": "var(\n --van-brand-disabled\n )", - "--van-text-font-size-huge": "calc(\n var(--van-font-size-sm) * (22 / 14)\n )", - "--link-color": "var(\n --van-brand-primary\n )", - "--link-color-success": "var(\n --van-brand-success\n )", - "--link-color-warning": "var(\n --van-brand-warning\n )", - "--link-color-disabled": "var(\n --van-brand-disabled\n )", - "--link-color-error": "var(\n --van-brand-error\n )", + "--van-text-color-success": "var(\r\n --van-brand-success\r\n )", + "--van-text-color-warning": "var(\r\n --van-brand-warning\r\n )", + "--van-text-color-error": "var(\r\n --van-brand-error\r\n )", + "--van-text-color-disabled": "var(\r\n --van-brand-disabled\r\n )", + "--van-text-font-size-huge": "calc(\r\n var(--van-font-size-sm) * (22 / 14)\r\n )", + "--link-color": "var(\r\n --van-brand-primary\r\n )", + "--link-color-success": "var(\r\n --van-brand-success\r\n )", + "--link-color-warning": "var(\r\n --van-brand-warning\r\n )", + "--link-color-disabled": "var(\r\n --van-brand-disabled\r\n )", + "--link-color-error": "var(\r\n --van-brand-error\r\n )", "--van-button-mini-height": "24px", - "--van-button-mini-font-size": "var(\n --van-font-size-xs\n )", + "--van-button-mini-font-size": "var(\r\n --van-font-size-xs\r\n )", "--van-button-small-height": "28px", - "--van-button-small-font-size": "var(\n --van-font-size-sm\n )", - "--van-button-normal-font-size": "var(\n --van-font-size-md\n )", + "--van-button-small-font-size": "var(\r\n --van-font-size-sm\r\n )", + "--van-button-normal-font-size": "var(\r\n --van-font-size-md\r\n )", "--van-button-large-height": "50px", "--van-button-default-height": "44px", "--van-button-default-line-height": "1.2", - "--van-button-default-font-size": "var(\n --van-font-size-lg\n )", - "--van-button-default-color": "var(\n --van-component-text-color\n )", + "--van-button-default-font-size": "var(\r\n --van-font-size-lg\r\n )", + "--van-button-default-color": "var(\r\n --van-component-text-color\r\n )", "--van-button-default-background-color": "#fff", - "--van-button-default-border-color": "var(\n --van-border-color\n )", + "--van-button-default-border-color": "var(\r\n --van-border-color\r\n )", "--van-button-primary-color": "#fff", - "--van-button-primary-background-color": "var(\n --van-brand-success\n )", - "--van-button-primary-border-color": "var(\n --van-brand-success\n )", + "--van-button-primary-background-color": "var(\r\n --van-brand-success\r\n )", + "--van-button-primary-border-color": "var(\r\n --van-brand-success\r\n )", "--van-button-info-color": "#fff", - "--van-button-info-background-color": "var(\n --van-brand-primary\n )", - "--van-button-info-border-color": "var(\n --van-brand-primary\n )", + "--van-button-info-background-color": "var(\r\n --van-brand-primary\r\n )", + "--van-button-info-border-color": "var(\r\n --van-brand-primary\r\n )", "--van-button-danger-color": "#fff", - "--van-button-danger-background-color": "var(\n --van-brand-error\n )", - "--van-button-danger-border-color": "var(\n --van-brand-error\n )", + "--van-button-danger-background-color": "var(\r\n --van-brand-error\r\n )", + "--van-button-danger-border-color": "var(\r\n --van-brand-error\r\n )", "--van-button-warning-color": "#fff", - "--van-button-warning-background-color": "var(\n --van-brand-warning\n )", - "--van-button-warning-border-color": "var(\n --van-brand-warning\n )", - "--van-button-border-width": "var(\n --van-border-width-base\n )", - "--van-button-border-radius": "var(\n --van-border-radius-md\n )", + "--van-button-warning-background-color": "var(\r\n --van-brand-warning\r\n )", + "--van-button-warning-border-color": "var(\r\n --van-brand-warning\r\n )", + "--van-button-border-width": "var(\r\n --van-border-width-base\r\n )", + "--van-button-border-radius": "var(\r\n --van-border-radius-md\r\n )", "--van-button-border-radius2": "var(--van-border-radius-md)", "--van-button-round-border-radius": "999px", "--van-button-plain-background-color": "#fff", - "--van-button-disabled-opacity": "var(\n --van-component-disabled-opacity\n )", + "--van-button-disabled-opacity": "var(\r\n --van-component-disabled-opacity\r\n )", "--van-badge-size": "16px", "--van-badge-color": "#fff", "--van-badge-padding": "0 3px", "--van-badge-font-size": "var(--van-font-size-sm)", "--van-badge-font-weight": "var(--van-font-weight-bold)", "--van-badge-border-width": "var(--van-border-width-base)", - "--van-badge-background-color": "var(\n --van-brand-error\n )", - "--van-badge-dot-color": "var(\n --van-brand-error\n )", + "--van-badge-background-color": "var(\r\n --van-brand-error\r\n )", + "--van-badge-dot-color": "var(\r\n --van-brand-error\r\n )", "--van-badge-dot-size": "8px", "--van-badge-font-family": "-apple-system-font, helvetica neue, arial, sans-serif", "--van-calendar-background-color": "#fff", "--van-calendar-popup-height": "60%", "--van-calendar-header-box-shadow": "0 2px 10px rgba(125, 126, 128, 0.16)", "--van-calendar-header-title-height": "44px", - "--van-calendar-header-title-font-size": "var(\n --van-font-size-lg\n )", - "--van-calendar-header-subtitle-font-size": "var(\n --van-font-size-md\n )", + "--van-calendar-header-title-font-size": "var(\r\n --van-font-size-lg\r\n )", + "--van-calendar-header-subtitle-font-size": "var(\r\n --van-font-size-md\r\n )", "--van-calendar-weekdays-height": "30px", - "--van-calendar-weekdays-font-size": "var(\n --van-font-size-sm\n )", + "--van-calendar-weekdays-font-size": "var(\r\n --van-font-size-sm\r\n )", "--van-calendar-month-title-font-size": "var(--van-font-size-md)", - "--van-calendar-month-mark-color": "rgba(\n 242,\n 243,\n 245,\n 0.8\n )", + "--van-calendar-month-mark-color": "rgba(\r\n 242,\r\n 243,\r\n 245,\r\n 0.8\r\n )", "--van-calendar-month-mark-font-size": "160px", "--van-calendar-day-height": "64px", - "--van-calendar-day-font-size": "var(\n --van-font-size-lg\n )", + "--van-calendar-day-font-size": "var(\r\n --van-font-size-lg\r\n )", "--van-calendar-range-edge-color": "#fff", - "--van-calendar-range-edge-background-color": "var(\n --van-brand-primary\n )", - "--van-calendar-range-middle-color": "var(\n --van-brand-primary\n )", + "--van-calendar-range-edge-background-color": "var(\r\n --van-brand-primary\r\n )", + "--van-calendar-range-middle-color": "var(\r\n --van-brand-primary\r\n )", "--van-calendar-range-middle-background-opacity": "0.1", "--van-calendar-selected-day-size": "54px", "--van-calendar-selected-day-color": "#fff", "--van-calendar-info-font-size": "var(--van-font-size-xs)", "--van-calendar-info-line-height": "var(--van-line-height-xs)", - "--van-calendar-selected-day-background-color": "var(\n --van-brand-primary\n )", + "--van-calendar-selected-day-background-color": "var(\r\n --van-brand-primary\r\n )", "--van-calendar-day-disabled-color": "#c8c9cc", "--van-calendar-confirm-button-height": "36px", "--van-calendar-confirm-button-margin": "7px 0", "--van-cascader-header-height": "48px", - "--van-cascader-title-font-size": "var(\n --van-font-size-lg\n )", + "--van-cascader-title-font-size": "var(\r\n --van-font-size-lg\r\n )", "--van-cascader-title-line-height": "20px", "--van-cascader-close-icon-size": "22px", "--van-cascader-close-icon-color": "#c8c9cc", "--van-cascader-close-icon-active-color": "#969799", "--van-cascader-selected-icon-size": "18px", "--van-cascader-tabs-height": "48px", - "--van-cascader-active-color": "var(\n --van-brand-primary\n )", + "--van-cascader-active-color": "var(\r\n --van-brand-primary\r\n )", "--van-cascader-options-height": "384px", - "--van-cascader-tab-color": "var(\n --van-component-text-color\n )", + "--van-cascader-tab-color": "var(\r\n --van-component-text-color\r\n )", "--van-cascader-unselected-tab-color": "#969799", "--van-cell-group-background-color": "#fff", "--van-cell-group-title-color": "#969799", - "--van-cell-group-title-padding": "var(--van-padding-md) var(var(--padding-md))\n var(--van-padding-xs)", + "--van-cell-group-title-padding": "var(--van-padding-md) var(var(--padding-md))\r\n var(--van-padding-xs)", "--van-cell-group-title-font-size": "var(--van-font-size-md)", "--van-cell-group-title-line-height": "16px", "--van-cell-group-inset-padding": "0 var(--van-padding-md)", - "--van-cell-group-inset-border-radius": "var(\n --van-border-radius-lg\n )", - "--van-cell-group-inset-title-padding": "var(--van-padding-md) var(--padding-md)\n var(--van-padding-xs) var(--padding-xl)", + "--van-cell-group-inset-border-radius": "var(\r\n --van-border-radius-lg\r\n )", + "--van-cell-group-inset-title-padding": "var(--van-padding-md) var(--padding-md)\r\n var(--van-padding-xs) var(--padding-xl)", "--van-cell-font-size": "var(--van-font-size-md)", "--van-cell-line-height": "24px", "--van-cell-vertical-padding": "16px", "--van-cell-horizontal-padding": "16px", - "--van-cell-text-color": "var(\n --van-component-text-color\n )", + "--van-cell-text-color": "var(\r\n --van-component-text-color\r\n )", "--van-cell-background-color": "#fff", - "--van-cell-border-color": "var(\n --van-border-color\n )", - "--van-cell-active-color": "var(\n --van-component-active-color\n )", - "--van-cell-required-color": "var(\n --van-brand-error\n )", + "--van-cell-border-color": "var(\r\n --van-border-color\r\n )", + "--van-cell-active-color": "var(\r\n --van-component-active-color\r\n )", + "--van-cell-required-color": "var(\r\n --van-brand-error\r\n )", "--van-cell-label-color": "#969799", "--van-cell-label-font-size": "var(--van-font-size-sm)", "--van-cell-label-line-height": "var(--van-line-height-sm)", @@ -171,7 +171,7 @@ "--van-checkbox-disabled-background-color": "var(--van-border-color)", "--van-collapse-item-transition-duration": "0.3s", "--van-collapse-item-content-padding": "var(--van-padding-sm) var(--van-padding-md)", - "--van-collapse-item-content-font-size": "var(\n --van-font-size-md\n )", + "--van-collapse-item-content-font-size": "var(\r\n --van-font-size-md\r\n )", "--van-collapse-item-content-line-height": "1.5", "--van-collapse-item-content-text-color": "#969799", "--van-collapse-item-content-background-color": "#fff", @@ -187,19 +187,19 @@ "--van-dialog-header-padding-top": "26px", "--van-dialog-header-isolated-padding": "var(--van-padding-lg) 0", "--van-dialog-message-padding": "var(--van-padding-lg)", - "--van-dialog-message-font-size": "var(\n --van-font-size-md\n )", - "--van-dialog-message-line-height": "var(\n --van-line-height-md\n )", + "--van-dialog-message-font-size": "var(\r\n --van-font-size-md\r\n )", + "--van-dialog-message-line-height": "var(\r\n --van-line-height-md\r\n )", "--van-dialog-message-max-height": "60vh", "--van-dialog-has-title-message-text-color": "#646566", - "--van-dialog-has-title-message-padding-top": "var(\n --van-padding-xs\n )", + "--van-dialog-has-title-message-padding-top": "var(\r\n --van-padding-xs\r\n )", "--van-dialog-button-height": "48px", "--van-dialog-round-button-height": "36px", - "--van-dialog-confirm-button-text-color": "var(\n --van-brand-primary\n )", + "--van-dialog-confirm-button-text-color": "var(\r\n --van-brand-primary\r\n )", "--van-divider-margin": "var(--van-padding-md) 0", "--van-divider-text-color": "#969799", "--van-divider-font-size": "var(--van-font-size-md)", "--van-divider-line-height": "24px", - "--van-divider-border-color": "var(\n --van-border-color\n )", + "--van-divider-border-color": "var(\r\n --van-border-color\r\n )", "--van-divider-content-padding": "var(--van-padding-md)", "--van-divider-content-left-width": "10%", "--van-divider-content-right-width": "10%", @@ -207,17 +207,17 @@ "--van-dropdown-menu-background-color": "#fff", "--van-dropdown-menu-box-shadow": "0 2px 12px rgba(100, 101, 102, 0.12)", "--van-dropdown-menu-title-font-size": "15px", - "--van-dropdown-menu-title-text-color": "var(\n --van-component-text-color\n )", - "--van-dropdown-menu-title-active-text-color": "var(\n --van-brand-primary\n )", + "--van-dropdown-menu-title-text-color": "var(\r\n --van-component-text-color\r\n )", + "--van-dropdown-menu-title-active-text-color": "var(\r\n --van-brand-primary\r\n )", "--van-dropdown-menu-title-disabled-text-color": "#969799", "--van-dropdown-menu-title-padding": "0 var(--van-padding-xs)", - "--van-dropdown-menu-title-line-height": "var(\n --van-line-height-lg\n )", - "--van-dropdown-menu-option-active-color": "var(\n --van-brand-primary\n )", + "--van-dropdown-menu-title-line-height": "var(\r\n --van-line-height-lg\r\n )", + "--van-dropdown-menu-option-active-color": "var(\r\n --van-brand-primary\r\n )", "--van-dropdown-menu-content-max-height": "80%", "--van-dropdown-item-z-index": "10", "--van-image-placeholder-text-color": "#969799", "--van-image-placeholder-font-size": "var(--van-font-size-md)", - "--van-image-placeholder-background-color": "var(\n --van-component-background-color\n )", + "--van-image-placeholder-background-color": "var(\r\n --van-component-background-color\r\n )", "--van-image-loading-icon-size": "32px", "--van-image-loading-icon-color": "#dcdee0", "--van-image-error-icon-size": "32px", @@ -253,7 +253,7 @@ "--van-radio-disabled-icon-color": "#c8c9cc", "--van-radio-disabled-icon-label-color": "#c8c9cc", "--van-radio-disabled-label-color": "#c8c9cc", - "--van-radio-disabled-background-color": "var(\n --van-border-color\n )", + "--van-radio-disabled-background-color": "var(\r\n --van-border-color\r\n )", "--van-radio-border-radius": "999999px", "--van-radio-border-width": "0", "--van-radio-icon-border-width": "1px", @@ -269,120 +269,121 @@ "--van-search-content-background-color": "#f7f8fa", "--van-search-input-height": "34px", "--van-search-label-padding": "0 5px", - "--van-search-label-color": "var(\n --van-component-text-color\n )", + "--van-search-label-color": "var(\r\n --van-component-text-color\r\n )", "--van-search-label-font-size": "var(--van-font-size-md)", "--van-search-left-icon-color": "#969799", "--van-search-action-padding": "0 var(--van-padding-xs)", - "--van-search-action-text-color": "var(\n --van-component-text-color\n )", - "--van-search-action-font-size": "var(\n -font-size-md\n )", + "--van-search-action-text-color": "var(\r\n --van-component-text-color\r\n )", + "--van-search-action-font-size": "var(\r\n -font-size-md\r\n )", "--van-sidebar-width": "80px", "--van-sidebar-font-size": "var(--van-font-size-md)", "--van-sidebar-line-height": "var(--van-line-height-md)", - "--van-sidebar-text-color": "var(\n --van-component-text-color\n )", + "--van-sidebar-text-color": "var(\r\n --van-component-text-color\r\n )", "--van-sidebar-disabled-text-color": "#c8c9cc", "--van-sidebar-padding": "20px var(--van-padding-sm)", - "--van-sidebar-active-color": "var(\n --van-component-active-color\n )", - "--van-sidebar-background-color": "var(\n --van-component-background-color\n )", - "--van-sidebar-selected-font-weight": "var(\n --van-font-weight-bold\n )", - "--van-sidebar-selected-text-color": "var(\n --van-component-text-color\n )", + "--van-sidebar-active-color": "var(\r\n --van-component-active-color\r\n )", + "--van-sidebar-background-color": "var(\r\n --van-component-background-color\r\n )", + "--van-sidebar-selected-font-weight": "var(\r\n --van-font-weight-bold\r\n )", + "--van-sidebar-selected-text-color": "var(\r\n --van-component-text-color\r\n )", "--van-sidebar-selected-border-width": "4px", "--van-sidebar-selected-border-height": "16px", - "--van-sidebar-selected-border-color": "var(\n --van-brand-primary\n )", + "--van-sidebar-selected-border-color": "var(\r\n --van-brand-primary\r\n )", "--van-sidebar-selected-background-color": "#fff", "--van-steps-background-color": "#fff", "--van-step-text-color": "#969799", - "--van-step-active-color": "var(\n --van-brand-success\n )", - "--van-step-process-text-color": "var(\n --van-component-text-color\n )", + "--van-step-active-color": "var(\r\n --van-brand-success\r\n )", + "--van-step-process-text-color": "var(\r\n --van-component-text-color\r\n )", "--van-step-font-size": "var(--van-font-size-md)", - "--van-step-line-color": "var(\n --van-border-color\n )", - "--van-step-finish-line-color": "var(\n --van-brand-success\n )", - "--van-step-finish-text-color": "var(\n --van-component-text-color\n )", + "--van-step-line-color": "var(\r\n --van-border-color\r\n )", + "--van-step-finish-line-color": "var(\r\n --van-brand-success\r\n )", + "--van-step-finish-text-color": "var(\r\n --van-component-text-color\r\n )", "--van-step-icon-size": "12px", "--van-step-circle-size": "5px", "--van-step-circle-color": "#969799", - "--van-step-horizontal-title-font-size": "var(\n --van-font-size-sm\n )", + "--van-step-horizontal-title-font-size": "var(\r\n --van-font-size-sm\r\n )", "--van-step-disabled-color": "#c8c9cc", "--van-stepper-active-color": "#e8e8e8", - "--van-stepper-background-color": "var(\n --van-component-active-color\n )", - "--van-stepper-button-icon-color": "var(\n --van-component-text-color\n )", - "--van-stepper-button-disabled-color": "var(\n --van-component-background-color\n )", + "--van-stepper-background-color": "var(\r\n --van-component-active-color\r\n )", + "--van-stepper-button-icon-color": "var(\r\n --van-component-text-color\r\n )", + "--van-stepper-button-disabled-color": "var(\r\n --van-component-background-color\r\n )", "--van-stepper-button-disabled-icon-color": "#c8c9cc", - "--van-stepper-button-round-theme-color": "var(\n --van-brand-primary\n )", + "--van-stepper-button-round-theme-color": "var(\r\n --van-brand-primary\r\n )", "--van-stepper-input-width": "32px", "--van-stepper-input-height": "28px", - "--van-stepper-input-font-size": "var(\n --van-font-size-md\n )", + "--van-stepper-input-font-size": "var(\r\n --van-font-size-md\r\n )", "--van-stepper-input-line-height": "normal", - "--van-stepper-input-text-color": "var(\n --van-component-text-color\n )", + "--van-stepper-input-text-color": "var(\r\n --van-component-text-color\r\n )", "--van-stepper-input-disabled-text-color": "#c8c9cc", - "--van-stepper-input-disabled-background-color": "var(\n --van-component-active-color\n )", + "--van-stepper-input-disabled-background-color": "var(\r\n --van-component-active-color\r\n )", "--van-stepper-border-radius": "var(--van-border-radius-md)", "--van-swipe-indicator-size": "6px", "--van-swipe-indicator-size-new": "12px", - "--van-swipe-indicator-margin": "var(\n --van-padding-sm\n )", + "--van-swipe-indicator-margin": "var(\r\n --van-padding-sm\r\n )", "--van-swipe-indicator-active-opacity": "1", "--van-swipe-indicator-inactive-opacity": "0.3", - "--van-swipe-indicator-active-background-color": "var(\n --van-brand-primary\n )", - "--van-swipe-indicator-inactive-background-color": "var(\n --van-border-color\n )", + "--van-swipe-indicator-active-background-color": "var(\r\n --van-brand-primary\r\n )", + "--van-swipe-indicator-inactive-background-color": "var(\r\n --van-border-color\r\n )", "--van-switch-size": "27px", "--van-switch-width": "1.75em", "--van-switch-height": "1em", "--van-switch-node-size": "1em", "--van-switch-node-background-color": "#fff", - "--van-switch-node-box-shadow": "0 3px 1px 0 rgba(0, 0, 0, 0.05),\n 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05)", + "--van-switch-node-box-shadow": "0 3px 1px 0 rgba(0, 0, 0, 0.05),\r\n 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05)", "--van-switch-background-color": "#f2f3f5", - "--van-switch-on-background-color": "var(\n --van-brand-primary\n )", + "--van-switch-on-background-color": "var(\r\n --van-brand-primary\r\n )", "--van-switch-transition-duration": "0.3s", - "--van-switch-disabled-opacity": "var(\n --van-component-disabled-opacity\n )", + "--van-switch-disabled-opacity": "var(\r\n --van-component-disabled-opacity\r\n )", "--van-tabbar-height": "50px", "--van-tabbar-z-index": "1", "--van-tabbar-background-color": "#fff", "--van-tabbar-item-font-size": "var(--van-font-size-sm)", "--van-tabbar-item-text-color": "#646566", - "--van-tabbar-item-active-color": "var(\n --van-brand-primary\n )", - "--van-tabbar-item-active-background-color": "var(\n --van-tabbar-background-color\n )", + "--van-tabbar-item-active-color": "var(\r\n --van-brand-primary\r\n )", + "--van-tabbar-item-active-background-color": "var(\r\n --van-tabbar-background-color\r\n )", "--van-tabbar-item-line-height": "1", "--van-tabbar-item-icon-size": "22px", "--van-tabbar-item-margin-bottom": "4px", "--van-tab-text-color": "#646566", - "--van-tab-active-text-color": "var(\n --van-component-text-color\n )", + "--van-tab-active-text-color": "var(\r\n --van-component-text-color\r\n )", "--van-tab-disabled-text-color": "#c8c9cc", "--van-tab-font-size": "var(--van-font-size-md)", "--van-tab-line-height": "var(--van-line-height-md)", - "--van-tabs-default-color": "var(\n --van-brand-primary\n )", + "--van-tabs-default-color": "var(\r\n --van-brand-primary\r\n )", "--van-tabs-line-height": "44px", "--van-tabs-card-height": "30px", "--van-tabs-nav-background-color": "#fff", "--van-tabs-bottom-bar-width": "40px", "--van-tabs-bottom-bar-height": "3px", - "--van-tabs-bottom-bar-color": "var(\n --van-tabs-default-color\n )", + "--van-tabs-bottom-bar-color": "var(\r\n --van-tabs-default-color\r\n )", "--van-tabs-bottom-bar-border-radius": "3px", + "--van-tabs-card-nav-margin": "0 24px", "--van-uploader-size": "80px", "--van-uploader-icon-size": "24px", "--van-uploader-icon-color": "#dcdee0", "--van-uploader-text-color": "#969799", "--van-uploader-text-font-size": "var(--van-font-size-sm)", "--van-uploader-upload-background-color": "#f7f8fa", - "--van-uploader-upload-active-color": "var(\n --van-component-active-color\n )", + "--van-uploader-upload-active-color": "var(\r\n --van-component-active-color\r\n )", "--van-uploader-delete-color": "#fff", "--van-uploader-delete-icon-size": "14px", - "--van-uploader-delete-background-color": "rgba(\n 0,\n 0,\n 0,\n 0.7\n )", - "--van-uploader-file-background-color": "var(\n --van-component-background-color\n )", + "--van-uploader-delete-background-color": "rgba(\r\n 0,\r\n 0,\r\n 0,\r\n 0.7\r\n )", + "--van-uploader-file-background-color": "var(\r\n --van-component-background-color\r\n )", "--van-uploader-file-icon-size": "20px", "--van-uploader-file-icon-color": "#646566", "--van-uploader-file-name-padding": "0 var(--van-padding-base)", "--van-uploader-file-name-margin-top": "var(--van-padding-xs)", "--van-uploader-file-name-font-size": "var(--van-font-size-sm)", "--van-uploader-file-name-text-color": "#646566", - "--van-uploader-mask-background-color": "rgba(\n 51,\n 51,\n 51,\n 0.88\n )", + "--van-uploader-mask-background-color": "rgba(\r\n 51,\r\n 51,\r\n 51,\r\n 0.88\r\n )", "--van-uploader-mask-icon-size": "22px", "--van-uploader-mask-message-font-size": "var(--van-font-size-sm)", - "--van-uploader-mask-message-line-height": "var(\n --van-line-height-xs\n )", + "--van-uploader-mask-message-line-height": "var(\r\n --van-line-height-xs\r\n )", "--van-uploader-loading-icon-size": "22px", "--van-uploader-loading-icon-color": "#fff", - "--van-uploader-disabled-opacity": "var(\n --van-component-disabled-opacity\n )", - "--van-slider-active-background-color": "var(\n --van-brand-primary\n )", + "--van-uploader-disabled-opacity": "var(\r\n --van-component-disabled-opacity\r\n )", + "--van-slider-active-background-color": "var(\r\n --van-brand-primary\r\n )", "--van-slider-inactive-background-color": "#e5e5e5", - "--van-slider-disabled-opacity": "var(\n --van-component-disabled-opacity\n )", + "--van-slider-disabled-opacity": "var(\r\n --van-component-disabled-opacity\r\n )", "--van-slider-bar-height": "2px", "--van-slider-button-width": "24px", "--van-slider-button-height": "24px", @@ -390,20 +391,20 @@ "--van-slider-button-background-color": "#fff", "--van-slider-button-box-shadow": "0 1px 2px rgba(0, 0, 0, 0.5)", "--van-progress-height": "4px", - "--van-progress-color": "var(\n --van-brand-primary\n )", - "--van-progress-background-color": "var(\n --van-border-color\n )", + "--van-progress-color": "var(\r\n --van-brand-primary\r\n )", + "--van-progress-background-color": "var(\r\n --van-border-color\r\n )", "--van-progress-pivot-padding": "0 5px", "--van-progress-pivot-text-color": "#fff", - "--van-progress-pivot-font-size": "var(\n --van-font-size-xs\n )", + "--van-progress-pivot-font-size": "var(\r\n --van-font-size-xs\r\n )", "--van-progress-pivot-line-height": "1.6", - "--van-progress-pivot-background-color": "var(\n --van-brand-primary\n )", + "--van-progress-pivot-background-color": "var(\r\n --van-brand-primary\r\n )", "--van-rate-icon-size": "20px", "--van-rate-icon-gutter": "var(--van-padding-base)", "--van-rate-icon-void-color": "#e5e5e5", - "--van-rate-icon-full-color": "var(\n --van-brand-warning\n )", + "--van-rate-icon-full-color": "var(\r\n --van-brand-warning\r\n )", "--van-rate-icon-disabled-color": "#ccc", "--van-circle-size": "100px", - "--van-circle-color": "var(\n --van-brand-primary\n )", + "--van-circle-color": "var(\r\n --van-brand-primary\r\n )", "--van-circle-layer-color": "#fff", "--van-circle-text-color": "var(--van-component-text-color)", "--van-circle-text-font-weight": "var(--van-font-weight-bold)", @@ -417,13 +418,13 @@ "--van-tag-small-padding": "0 4px", "--van-tag-medium-padding": "2px 6px", "--van-tag-large-padding": "8px 4px", - "--van-tag-large-border-radius": "var(\n --van-border-radius-md\n )", + "--van-tag-large-border-radius": "var(\r\n --van-border-radius-md\r\n )", "--van-tag-large-font-size": "var(--van-font-size-md)", "--van-tag-round-border-radius": "999px", - "--van-tag-danger-color": "var(\n --van-brand-error\n )", - "--van-tag-primary-color": "var(\n --van-brand-primary\n )", - "--van-tag-success-color": "var(\n --van-brand-success\n )", - "--van-tag-warning-color": "var(\n --van-brand-problem\n )", + "--van-tag-danger-color": "var(\r\n --van-brand-error\r\n )", + "--van-tag-primary-color": "var(\r\n --van-brand-primary\r\n )", + "--van-tag-success-color": "var(\r\n --van-brand-success\r\n )", + "--van-tag-warning-color": "var(\r\n --van-brand-problem\r\n )", "--van-tag-default-color": "#969799", "--van-tag-plain-background-color": "#fff", "--van-grid-view-height": "400px", diff --git a/scripts/genThemeConfig/result.json b/scripts/genThemeConfig/result.json index d4078708e..be9c639c4 100644 --- a/scripts/genThemeConfig/result.json +++ b/scripts/genThemeConfig/result.json @@ -774,6 +774,13 @@ "excludeTags": [ "van-tab" ] + }, + "--van-tabs-card-nav-margin": { + "type": "input", + "desc": "card模式 导航外边距", + "excludeTags": [ + "van-tab" + ] } }, "preview": { diff --git a/scripts/lcap/usage.json b/scripts/lcap/usage.json index 4308a648e..fcb71a5ae 100644 --- a/scripts/lcap/usage.json +++ b/scripts/lcap/usage.json @@ -39,14 +39,14 @@ "labels": [ "Container" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/popup/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/popup/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/popup/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/popup/screenshots/3.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/popup/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/popup/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/popup/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/popup/screenshots/3.png", "blocks": "[{\"title\":\"弹出位置下\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"弹出位置上\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"弹出位置左\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"弹出位置右\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-popup", "title": "弹出层", "description": "弹出层容器，用于展示弹窗、信息提示等内容，支持多个弹出层叠加展示。", "category": "Container", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/popup/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/popup/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/popup/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/popup/screenshots/3.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/popup/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/popup/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/popup/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/popup/screenshots/3.png", "drawings": "", "blocks": [ { @@ -282,14 +282,14 @@ "labels": [ "Container" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cardu/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cardu/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cardu/screenshots/2.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cardu/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cardu/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cardu/screenshots/2.png", "blocks": "[{\"title\":\"基本样式\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"带分割线样式\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"带图片样式\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-cardu", "title": "卡片", "description": "用于快速布局", "category": "Container", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cardu/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cardu/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cardu/screenshots/2.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cardu/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cardu/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cardu/screenshots/2.png", "drawings": "", "blocks": [ { @@ -474,15 +474,15 @@ "labels": [ "Layout" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/linear-layout/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/linear-layout/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/linear-layout/screenshots/2.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/linear-layout/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/linear-layout/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/linear-layout/screenshots/2.png", "blocks": "[{\"title\":\"单行排布\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"多行排布\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"两端排布\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-linear-layout", "title": "线性布局", "description": "内部元素按照一定的规则布局", "category": "Layout", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/linear-layout/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/linear-layout/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/linear-layout/screenshots/2.png", - "drawings": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/linear-layout/drawings/0.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/linear-layout/drawings/1.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/linear-layout/drawings/2.svg", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/linear-layout/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/linear-layout/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/linear-layout/screenshots/2.png", + "drawings": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/linear-layout/drawings/0.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/linear-layout/drawings/1.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/linear-layout/drawings/2.svg", "blocks": [ { "title": "单行排布", @@ -1002,14 +1002,14 @@ "labels": [ "Display" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/divider/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/divider/screenshots/1.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/divider/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/divider/screenshots/1.png", "blocks": "[{\"title\":\"实线\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"虚线\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-divider", "title": "分隔线", "description": "用于将内容分隔为多个区域", "category": "Display", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/divider/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/divider/screenshots/1.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/divider/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/divider/screenshots/1.png", "drawings": "", "blocks": [ { @@ -1094,14 +1094,14 @@ "labels": [ "Display" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cell-group/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cell-group/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cell-group/screenshots/2.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cell-group/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cell-group/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cell-group/screenshots/2.png", "blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"圆角风格\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"垂直居中\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-cell-group", "title": "单元格组", "description": "单元格为列表中的单个展示项", "category": "Display", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cell-group/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cell-group/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/cell-group/screenshots/2.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cell-group/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cell-group/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/cell-group/screenshots/2.png", "drawings": "", "blocks": [ { @@ -1323,15 +1323,15 @@ "labels": [ "Layout" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/row/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/row/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/row/screenshots/2.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/row/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/row/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/row/screenshots/2.png", "blocks": "[{\"title\":\"3列样式（8:8:8）\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"2列样式（8:16）\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-row", "title": "栅格布局", "description": "内部元素按照一定的规则布局", "category": "Layout", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/row/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/row/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/row/screenshots/2.png", - "drawings": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/row/drawings/0.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/row/drawings/1.svg", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/row/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/row/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/row/screenshots/2.png", + "drawings": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/row/drawings/0.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/row/drawings/1.svg", "blocks": [ { "title": "3列样式（8:8:8）", @@ -2550,7 +2550,7 @@ "description": "按钮用于触发一个操作，如提交表单。", "category": "Display", "screenShot": "", - "drawings": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/button/drawings/0.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/button/drawings/1.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/button/drawings/2.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/button/drawings/3.svg", + "drawings": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/button/drawings/0.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/button/drawings/1.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/button/drawings/2.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/button/drawings/3.svg", "blocks": [ { "title": "主要按钮", @@ -2839,14 +2839,14 @@ "labels": [ "Display" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/image/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/image/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/image/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/image/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/image/screenshots/4.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/image/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/image/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/image/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/image/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/image/screenshots/4.png", "blocks": "[{\"title\":\"适应\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"适应（图片小于父元素时以原尺寸展示）\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"原尺寸\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"拉伸\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"填充\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-image", "title": "图片展示", "description": "可以用来展示一张图片，支持设置图片地址。", "category": "Display", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/image/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/image/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/image/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/image/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/image/screenshots/4.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/image/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/image/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/image/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/image/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/image/screenshots/4.png", "drawings": "", "blocks": [ { @@ -2993,14 +2993,14 @@ "labels": [ "Display" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/swipe/screenshots/0.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/swipe/screenshots/0.png", "blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-swipe", "title": "幻灯片", "description": "用于循环播放一组图片或内容", "category": "Display", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/swipe/screenshots/0.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/swipe/screenshots/0.png", "drawings": "", "blocks": [ { @@ -3093,14 +3093,14 @@ "labels": [ "Selector" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/tabs/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/tabs/screenshots/1.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/tabs/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/tabs/screenshots/1.png", "blocks": "[{\"title\":\"外观-line\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"外观-card\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-tabs", "title": "选项卡", "description": "选项卡切换组件，常用于平级区域大块内容的收纳和展现", "category": "Selector", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/tabs/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/tabs/screenshots/1.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/tabs/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/tabs/screenshots/1.png", "drawings": "", "blocks": [ { @@ -3115,13 +3115,48 @@ } ], "attrs": [ + { + "name": "data-source", + "title": "数据源", + "type": "Array | Function", + "description": "展示数据的输入源，可设置为集合类型变量（List）或输出参数为集合类型的逻辑", + "designer-value": "[{}, {}, {}]", + "group": "数据属性" + }, + { + "name": "data-schema", + "title": "数据类型", + "type": "schema", + "description": "集合类型每一元素的数据类型", + "compType": "dataTypeSelect", + "group": "数据属性" + }, { "name": "value", "title": "值", "type": "any", "sync": true, "model": true, - "description": "选中标签页的值。" + "description": "选中标签页的值。", + "group": "数据属性" + }, + { + "name": "text-field", + "title": "标签项标题", + "type": "string", + "description": "数据源集合的元素，用于显示标签标题的属性", + "default": "text", + "group": "数据属性", + "display": "property-select" + }, + { + "name": "url-field", + "title": "标签项内容值字段", + "type": "string", + "description": "数据源集合的元素，用于标识当前打开的标签项", + "default": "url", + "group": "数据属性", + "display": "property-select" }, { "name": "disabled", @@ -3284,14 +3319,14 @@ "labels": [ "Display" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/4.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/5.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/6.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/7.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/8.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/9.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/4.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/5.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/6.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/7.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/8.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/9.png", "blocks": "[{\"title\":\"普通文本\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"小号文本\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"大号文本\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"主要文本\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"次要文本\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"成功文本\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"警告文本\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"错误文本\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"禁默文本\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"文本过长省略\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-text", "title": "文本", "description": "用于展示文字或表达式", "category": "Display", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/4.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/5.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/6.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/7.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/8.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/text/screenshots/9.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/4.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/5.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/6.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/7.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/8.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/text/screenshots/9.png", "drawings": "", "blocks": [ { @@ -3479,14 +3514,14 @@ "labels": [ "Display" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/link/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/link/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/link/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/link/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/link/screenshots/4.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/link/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/link/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/link/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/link/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/link/screenshots/4.png", "blocks": "[{\"title\":\"普通链接\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"成功链接\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"警告链接\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"危险链接\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"禁用链接\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-link", "title": "链接", "description": "文字超链接", "category": "Display", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/link/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/link/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/link/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/link/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/link/screenshots/4.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/link/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/link/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/link/screenshots/2.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/link/screenshots/3.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/link/screenshots/4.png", "drawings": "", "blocks": [ { @@ -4193,14 +4228,14 @@ "labels": [ "Display" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/iconv/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/iconv/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/iconv/screenshots/2.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/iconv/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/iconv/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/iconv/screenshots/2.png", "blocks": "[{\"title\":\"组合图标-上下\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"组合图标-左右\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"仅图标\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-iconv", "title": "图标", "description": "图标", "category": "Display", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/iconv/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/iconv/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/iconv/screenshots/2.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/iconv/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/iconv/screenshots/1.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/iconv/screenshots/2.png", "drawings": "", "blocks": [ { @@ -4643,15 +4678,15 @@ "labels": [ "Effects" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/copy/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/copy/screenshots/1.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/copy/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/copy/screenshots/1.png", "blocks": "[{\"title\":\"复制链接\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-copy", "title": "复制", "description": "复制文本到剪切板", "category": "Effects", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/copy/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/copy/screenshots/1.png", - "drawings": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/copy/drawings/0.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src-vusion/components/copy/drawings/1.svg", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/copy/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/copy/screenshots/1.png", + "drawings": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/copy/drawings/0.svg,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src-vusion/components/copy/drawings/1.svg", "blocks": [ { "title": "复制链接", @@ -4860,6 +4895,24 @@ "compType": "dataTypeSelect", "group": "数据属性" }, + { + "name": "value-field", + "title": "值字段名", + "type": "string", + "display": "property-select", + "default": "value", + "description": "选项值的字段名", + "group": "数据属性" + }, + { + "name": "text-field", + "title": "文本字段名", + "type": "string", + "display": "property-select", + "default": "text", + "description": "选项文本的字段名", + "group": "数据属性" + }, { "name": "initial-load", "type": "boolean", @@ -4999,22 +5052,6 @@ "advanced": true, "description": "当前选择的值" }, - { - "name": "text-field", - "title": "文本字段名", - "type": "string", - "default": "text", - "description": "选项文本的字段名", - "advanced": true - }, - { - "name": "value-field", - "title": "值字段名", - "type": "string", - "default": "value", - "description": "选项值的字段名", - "advanced": true - }, { "name": "cancelable", "title": "可取消", @@ -5140,6 +5177,7 @@ "title": "默认分页大小", "type": "number", "default": 20, + "min": 1, "description": "分页过小可能会导致滚动加载更多失效", "dependency": [ { @@ -5735,7 +5773,12 @@ "type": "number", "default": 20, "description": "", - "group": "数据属性" + "group": "数据属性", + "dependency": [ + { + "!pageable": "" + } + ] }, { "name": "pull-refresh", @@ -7560,7 +7603,7 @@ "title": "右" }, { - "value": "lfet", + "value": "left", "title": "左" } ], @@ -7704,14 +7747,14 @@ "labels": [ "Form" ], - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/stepper-new/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/stepper-new/screenshots/1.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/stepper-new/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/stepper-new/screenshots/1.png", "blocks": "[{\"title\":\"基本用法\",\"description\":\"\",\"code\":\"\\n\"},{\"title\":\"步进模式\",\"description\":\"\",\"code\":\"\\n\"}]", "jsonSchema": { "name": "van-stepper-new", "title": "数字输入", "description": "开关", "category": "Form", - "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/stepper-new/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.3/src/stepper-new/screenshots/1.png", + "screenShot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/stepper-new/screenshots/0.png,https://static-vusion.163yun.com/packages/@lcap/mobile-ui@0.16.8/src/stepper-new/screenshots/1.png", "drawings": "", "blocks": [ { @@ -8243,7 +8286,8 @@ "title": "是否自动上传", "type": "boolean", "default": true, - "description": "是否自动上传" + "description": "是否自动上传", + "advanced": true }, { "name": "multiple", @@ -8775,6 +8819,12 @@ } ], "slots": false, + "methods": [ + { + "name": "reload", + "description": "重新加载数据" + } + ], "events": [ { "name": "confirm", @@ -8913,10 +8963,6 @@ { "value": "code", "title": "地区码" - }, - { - "value": "json", - "title": "JSON" } ], "description": "选择地区名称，返回：浙江省/杭州市/滨江区（不加空格）；选择地区码，返回：330108" @@ -8939,6 +8985,13 @@ "title": "禁用", "type": "boolean", "default": false + }, + { + "name": "placeholder", + "title": "占位提示", + "type": "string", + "group": "主要属性", + "description": "" } ], "slots": false, @@ -9590,18 +9643,9 @@ } ], "default": "format", - "depProp": [ - { - "name": "type", - "value": "datetime" - }, - { - "name": "type", - "value": "date" - }, + "dependency": [ { - "name": "type", - "value": "year-month" + "!type": "datetime" } ] }, @@ -9727,6 +9771,13 @@ "type": "boolean", "default": false, "description": "是否点击遮罩层后关闭" + }, + { + "name": "placeholder", + "title": "占位提示", + "type": "string", + "group": "主要属性", + "description": "" } ], "slots": false, @@ -9895,6 +9946,13 @@ "type": "boolean", "default": false, "description": "是否点击遮罩层后关闭" + }, + { + "name": "placeholder", + "title": "占位提示", + "type": "string", + "group": "主要属性", + "description": "" } ], "slots": false, diff --git a/src/mixins/support.datasource.js b/src/mixins/support.datasource.js index 545003e1d..f1282030a 100644 --- a/src/mixins/support.datasource.js +++ b/src/mixins/support.datasource.js @@ -2,11 +2,10 @@ import { formatResult } from "../utils/format/data-source"; export default { props: { - dataSource: [Array, Function, Object], + dataSource: [Array, Function, Object], /* 数据源 */ dataSchema: { type: String, default: 'entity' }, - valueField: { type: String, default: 'value' }, + valueField: { type: String, default: 'value' }, /* 标签项标题值字段 */ textField: { type: String, default: 'text' }, - parentField: { type: String, default: 'parentId' }, childrenField: { type: String, default: 'children' }, }, diff --git a/src/tab/demo/index.vue b/src/tab/demo/index.vue index 9b45edfed..6f0a3874c 100644 --- a/src/tab/demo/index.vue +++ b/src/tab/demo/index.vue @@ -128,6 +128,16 @@ + + + + + + + + + + @@ -148,6 +158,8 @@ export default { disabled: ' 已被禁用', matchByName: '通过名称匹配', beforeChange: '异步切换', + dataSourceJson: '数据源固定', + dataSourceLoad: '数据源异步', }, 'en-US': { tab: 'Tab ', @@ -164,6 +176,8 @@ export default { disabled: ' is disabled', matchByName: 'Match By Name', beforeChange: 'Before Change', + dataSourceJson: 'dataSourceJson', + dataSourceLoad: 'dataSourceLoad', }, }, @@ -173,6 +187,28 @@ export default { active2222: '2', activeName: 'b', tabs: [1, 2, 3, 4], + tabList: [ + { + title2: 'AAA-', + value: 1, + contentUrl: '/components/u-tabs/cases', + textField: 'title2', + }, + { + title2: 'BBB-', + value: 2, + contentUrl: '/components/u-tabs/cases#形态', + textField: 'title2', + }, + { + title2: '标签页-', + value: 3, + contentUrl: '/components/u-tabs/cases#添加', + textField: 'title2', + // disabled: true, + } + ] + }; }, @@ -196,6 +232,19 @@ export default { resolve(name !== 3); }); }, + load() { + // 这里使用 Promise 和 setTimeout 模拟一个异步请求 + const index = Math.random() * 20 >> 0; + return new Promise((resolve, reject) => { + setTimeout(() => { + resolve(this.tabList.map((item)=>{ + const newItem = Object.assign({}, item); + newItem.title2 = `${item.title2}${index}`; + return newItem; + })); + }, 200); + }); + }, }, }; @@ -219,5 +268,6 @@ export default { .van-tabs--card .van-tab__pane { background-color: transparent; } + } diff --git a/src/tab/index.js b/src/tab/index.js index 5a017eeca..20e316c73 100644 --- a/src/tab/index.js +++ b/src/tab/index.js @@ -65,6 +65,7 @@ export default createComponent({ render(h) { const { slots, parent, isActive } = this; const slotContent = slots(); + let tempContent = slotContent; if (process.env.NODE_ENV === 'development' && this.info) { console.warn( diff --git a/src/tabs/api.yaml b/src/tabs/api.yaml index b7eb1efac..d12591efd 100644 --- a/src/tabs/api.yaml +++ b/src/tabs/api.yaml @@ -5,12 +5,39 @@ - Selector description: 选项卡切换组件，常用于平级区域大块内容的收纳和展现 attrs: + - name: data-source + title: 数据源 + type: Array | Function + description: 展示数据的输入源，可设置为集合类型变量（List）或输出参数为集合类型的逻辑 + designer-value: '[{}, {}, {}]' + group: 数据属性 + - name: data-schema + title: 数据类型 + type: schema + description: 集合类型每一元素的数据类型 + compType: dataTypeSelect + group: 数据属性 - name: value title: 值 type: any sync: true model: true description: 选中标签页的值。 + group: 数据属性 + - name: text-field + title: 标签项标题 + type: string + description: 数据源集合的元素，用于显示标签标题的属性 + default: text + group: 数据属性 + display: property-select + - name: url-field + title: 标签项内容值字段 + type: string + description: 数据源集合的元素，用于标识当前打开的标签项 + default: url + group: 数据属性 + display: property-select - name: disabled title: 禁用 type: boolean diff --git a/src/tabs/index.js b/src/tabs/index.js index 10393e21c..91f6aa1fb 100644 --- a/src/tabs/index.js +++ b/src/tabs/index.js @@ -18,6 +18,7 @@ import { // Mixins import { ParentMixin } from '../mixins/relation'; import { BindEventMixin } from '../mixins/bind-event'; +import SupportDataSource from '../mixins/support.datasource.js' // Components import Title from './Title'; @@ -40,6 +41,7 @@ export default createComponent({ bind(this.scroller, 'scroll', this.onScroll, true); } }), + SupportDataSource, ], inject: { @@ -110,6 +112,7 @@ export default createComponent({ type: Boolean, default: false, }, + urlField: { type: String, default: 'url' }, }, data() { @@ -156,6 +159,12 @@ export default createComponent({ } return 0; }, + tabDataSource() { + return this.currentDataSource && this.currentDataSource.data || []; + }, + inDesigner() { + return this.$env && this.$env.VUE_APP_DESIGNER; + }, }, watch: { @@ -182,6 +191,10 @@ export default createComponent({ }); }, + tabDataSource() { + this.setCurrentIndexByName(this.value ?? this.active); + }, + currentIndex() { this.scrollIntoView(); this.setLine(); @@ -238,12 +251,7 @@ export default createComponent({ this.$nextTick(() => { const { titles } = this.$refs; - if ( - !titles || - !titles[this.currentIndex] || - this.type !== 'line' || - isHidden(this.$el) - ) { + if (!titles || !titles[this.currentIndex] || this.type !== 'line' || isHidden(this.$el)) { return; } @@ -279,17 +287,21 @@ export default createComponent({ }, setCurrentIndex(currentIndex) { - const newIndex = this.findAvailableTab(currentIndex); + const newIndex = this.dataSource === undefined ? this.findAvailableTab(currentIndex) : currentIndex if (!isDef(newIndex)) { return; } - const newTab = this.children[newIndex]; + const newTab = this.dataSource === undefined ? this.children[newIndex] : { ...this.tabDataSource[newIndex], computedName: currentIndex }; const newName = newTab.computedName; const shouldEmitChange = this.currentIndex !== null; - this.currentIndex = newIndex; + this.currentIndex = null + this.$nextTick(() => { + this.currentIndex = newIndex; + }) + if (newName !== (this.value ?? this.active)) { this.$emit('input', newName); @@ -297,9 +309,9 @@ export default createComponent({ this.$emit('update:active', newName); if (shouldEmitChange) { - this.$emit('update:value', newName, newTab.title); - this.$emit('update:active', newName, newTab.title); - this.$emit('change', newName, newTab.title); + this.$emit('update:value', newName, newTab[this.textField]); + this.$emit('update:active', newName, newTab[this.textField]); + this.$emit('change', newName, newTab[this.textField]); } } }, @@ -318,7 +330,14 @@ export default createComponent({ // emit event when clicked onClick(item, index) { - const { title, disabled, computedName } = this.children[index]; + const data = this.dataSource === undefined ? this.children[index] : { ...item, computedName: index }; + const { disabled, computedName } = data; + const title = data[this.textField]; + + if (this.inDesigner && index >= 1) { + return + } + if (disabled) { this.$emit('disabled', computedName, title); } else { @@ -327,12 +346,18 @@ export default createComponent({ args: [computedName], done: () => { this.setCurrentIndex(index); - this.scrollToCurrentContent(); + if (this.dataSource === undefined) { + this.scrollToCurrentContent(); + } }, }); this.$emit('click', computedName, title); - route(item.$router, item); + + if (this.urlField !== 'url') { + item.url = item[this.urlField]; + } + route(item.$router ? item.$router : this.$router, item); } }, @@ -400,55 +425,79 @@ export default createComponent({ return children.length - 1; }, - }, + getDefaultNav() { + const { type, scrollable, disabled } = this; + return this.children.map((item, index) => { + const aId = item.$vnode.context.$options._scopeId; + const aIdo = { ...item.$attrs, [aId]: '' }; + const style = item.titleStyle || {}; + const vnodeStaticStyle = (item.$vnode.data && item.$vnode.data.staticStyle) || {}; + const vnodeStyle = (item.$vnode.data && item.$vnode.data.style) || {}; + Object.assign(style, vnodeStaticStyle); + Object.assign(style, vnodeStyle); + return ( + item.slots('title'), + }} + onClick={() => { + if (disabled) return; + this.onClick(item, index); + }} + /> + ); + }); + }, + getDataSourceNav(dataSource) { + return dataSource.map((item, index) => { + const inDesigner = this.inDesigner && index >= 1; + return ( + <Title + vusion-slot-name="title" + ref="titles" + refInFor + type={this.type} + title={item[this.textField]} + color={this.color} + isActive={index === this.currentIndex} + disabled={this.disabled || item.disabled || inDesigner} + scrollable={this.scrollable} + activeColor={this.titleActiveColor} + inactiveColor={this.titleInactiveColor} + onClick={() => { + if (item.disabled) return; + this.onClick(item, index); + }} + > + + ) + }) + }, + }, render() { - const { type, animated, scrollable, disabled } = this; - - const Nav = this.children.map((item, index) => { - const aId = item.$vnode.context.$options._scopeId; - const aIdo = { - ...item.$attrs, - [aId]: '', - }; - const style = item.titleStyle || {}; - const vnodeStaticStyle = - (item.$vnode.data && item.$vnode.data.staticStyle) || {}; - const vnodeStyle = (item.$vnode.data && item.$vnode.data.style) || {}; - Object.assign(style, vnodeStaticStyle); - Object.assign(style, vnodeStyle); - return ( - item.slots('title'), - }} - onClick={() => { - if (disabled) return; - this.onClick(item, index); - }} - /> - ); - }); + const { type, animated, scrollable, dataSource, tabDataSource } = this; + const Nav = dataSource === undefined ? this.getDefaultNav() : this.getDataSourceNav(tabDataSource); const Wrap = ( <div diff --git a/yarn.lock b/yarn.lock index 8d9bec538..4ce8b1905 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6045,11 +6045,6 @@ decamelize@^1.1.0, decamelize@^1.1.2, decamelize@^1.2.0: resolved "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz" integrity "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA== sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==" -decimal.js@^10.4.3: - version "10.4.3" - resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23" - integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA== - decode-uri-component@^0.2.0: version "0.2.0" resolved "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz"