@qn-pandora/pandora-component 4.3.4 → 4.3.5

package/CHANGELOG.json

@@ -1,6 +1,26 @@
 {
   "name": "@qn-pandora/pandora-component",
   "entries": [
+    {
+      "version": "4.3.5",
+      "tag": "@qn-pandora/pandora-component_v4.3.5",
+      "date": "Thu, 28 Dec 2023 06:39:32 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "2023-12-28发包"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^3.3.2` to `^3.3.3`"
+          },
+          {
+            "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.3.4` to `^3.3.5`"
+          }
+        ]
+      }
+    },
     {
       "version": "4.3.4",
       "tag": "@qn-pandora/pandora-component_v4.3.4",

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Change Log - @qn-pandora/pandora-component
 
-This log was last generated on Mon, 18 Dec 2023 11:54:46 GMT and should not be manually modified.
+This log was last generated on Thu, 28 Dec 2023 06:39:32 GMT and should not be manually modified.
+
+## 4.3.5
+Thu, 28 Dec 2023 06:39:32 GMT
+
+### Patches
+
+- 2023-12-28发包
 
 ## 4.3.4
 Mon, 18 Dec 2023 11:54:46 GMT

package/README.md

@@ -1,36 +1,36 @@
-# `@qn-pandora/pandora-component`
-
-Pandora 基础组件库，详细文档请参考：[https://docs-pandora.qiniu.com/lib/pandora-component/index.html](https://docs-pandora.qiniu.com/lib/pandora-component/index.html)
-
-## Install
-
-```bash
-# run in terminal
-yarn add @qn-pandora/pandora-component
-# or
-npm install @qn-pandora/pandora-component
-```
-
-## Usage
-
-```typescript
-import { Button } from '@qn-pandora/pandora-component'
-
-const App = () => (
-  <>
-    <Button type="primary">Hello Pandora</Button>
-  </>
-)
-```
-
-And import style manually:
-
-```typescript
-import '@qn-pandora/pandora-component/lib/index.css'
-// or
-import '@qn-pandora/pandora-component/lib/index.less'
-```
-
-## Support Components & Docs
-
-view the [documentation](https://docs-pandora.qiniu.com/lib/pandora-component)
+# `@qn-pandora/pandora-component`
+
+Pandora 基础组件库，详细文档请参考：[https://docs-pandora.qiniu.com/lib/pandora-component/index.html](https://docs-pandora.qiniu.com/lib/pandora-component/index.html)
+
+## Install
+
+```bash
+# run in terminal
+yarn add @qn-pandora/pandora-component
+# or
+npm install @qn-pandora/pandora-component
+```
+
+## Usage
+
+```typescript
+import { Button } from '@qn-pandora/pandora-component'
+
+const App = () => (
+  <>
+    <Button type="primary">Hello Pandora</Button>
+  </>
+)
+```
+
+And import style manually:
+
+```typescript
+import '@qn-pandora/pandora-component/lib/index.css'
+// or
+import '@qn-pandora/pandora-component/lib/index.less'
+```
+
+## Support Components & Docs
+
+view the [documentation](https://docs-pandora.qiniu.com/lib/pandora-component)

package/es/components/AutoComplete/style.less

@@ -1,8 +1,8 @@
-@import 'antd/lib/auto-complete/style/index.less';
-@import '../../style/theme.less';
-@import '../Selector/style.less';
-.@{sdk-prefix}-auto-complete {
-  .@{ant-prefix}-input {
-    border: 0px;
-  }
-}
+@import 'antd/lib/auto-complete/style/index.less';
+@import '../../style/theme.less';
+@import '../Selector/style.less';
+.@{sdk-prefix}-auto-complete {
+  .@{ant-prefix}-input {
+    border: 0px;
+  }
+}

package/es/components/Breadcrumb/style.less

@@ -1,9 +1,9 @@
-@import 'antd/lib/breadcrumb/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-breadcrumb {
-  font-size: 14px;
-  a {
-    text-decoration: none;
-  }
-}
+@import 'antd/lib/breadcrumb/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-breadcrumb {
+  font-size: 14px;
+  a {
+    text-decoration: none;
+  }
+}

package/es/components/Button/style.less

@@ -1,51 +1,51 @@
-@import 'antd/lib/button/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-button {
-  box-shadow: none;
-
-  &.@{sdk-prefix}-button-disabled {
-    background: @button-disabled-bg;
-    color: @button-disabled-color;
-    border-color: @button-disabled-border-color;
-    pointer-events: none;
-    text-shadow: none;
-  }
-
-  // type
-  &.@{sdk-prefix}-type-default {
-    background: @button-default-bg;
-    color: @button-default-color;
-    border: 1px solid @button-default-border-color;
-    &:hover,
-    &:focus {
-      background: @button-default-hover-bg;
-      border-color: @button-default-hover-border-color;
-    }
-  }
-
-  // size
-  &.@{sdk-prefix}-size-large {
-    font-size: 16px;
-    padding: 0 20px;
-    height: 32px;
-  }
-  &.@{sdk-prefix}-size-default {
-    font-size: 14px;
-    padding: 0 16px;
-    height: 32px;
-  }
-  &.@{sdk-prefix}-size-small {
-    font-size: 12px;
-    padding: 4px 14px;
-  }
-  &.@{sdk-prefix}-size-mini {
-    font-size: 10px;
-    padding: 2px 6px;
-  }
-
-  .anticon {
-    color: inherit;
-    vertical-align: middle;
-  }
-}
+@import 'antd/lib/button/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-button {
+  box-shadow: none;
+
+  &.@{sdk-prefix}-button-disabled {
+    background: @button-disabled-bg;
+    color: @button-disabled-color;
+    border-color: @button-disabled-border-color;
+    pointer-events: none;
+    text-shadow: none;
+  }
+
+  // type
+  &.@{sdk-prefix}-type-default {
+    background: @button-default-bg;
+    color: @button-default-color;
+    border: 1px solid @button-default-border-color;
+    &:hover,
+    &:focus {
+      background: @button-default-hover-bg;
+      border-color: @button-default-hover-border-color;
+    }
+  }
+
+  // size
+  &.@{sdk-prefix}-size-large {
+    font-size: 16px;
+    padding: 0 20px;
+    height: 32px;
+  }
+  &.@{sdk-prefix}-size-default {
+    font-size: 14px;
+    padding: 0 16px;
+    height: 32px;
+  }
+  &.@{sdk-prefix}-size-small {
+    font-size: 12px;
+    padding: 4px 14px;
+  }
+  &.@{sdk-prefix}-size-mini {
+    font-size: 10px;
+    padding: 2px 6px;
+  }
+
+  .anticon {
+    color: inherit;
+    vertical-align: middle;
+  }
+}

package/es/components/Card/RowExtra/style.less

@@ -1,8 +1,8 @@
-@import 'antd/lib/grid/style/index.less';
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-card-row-extra {
-  button {
-    min-width: 80px;
-  }
-}
+@import 'antd/lib/grid/style/index.less';
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-card-row-extra {
+  button {
+    min-width: 80px;
+  }
+}

package/es/components/Card/SearchInput/style.less

@@ -1,8 +1,8 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-card-search-input {
-  min-width: 200px;
-  i {
-    color: @input-placeholder-color;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-card-search-input {
+  min-width: 200px;
+  i {
+    color: @input-placeholder-color;
+  }
+}

package/es/components/Card/style.less

@@ -1,11 +1,11 @@
-@import 'antd/lib/card/style/index.less';
-@import 'antd/lib/tabs/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-card {
-  .@{ant-prefix}-card-head {
-    .@{ant-prefix}-card-extra {
-      padding: 0;
-    }
-  }
-}
+@import 'antd/lib/card/style/index.less';
+@import 'antd/lib/tabs/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-card {
+  .@{ant-prefix}-card-head {
+    .@{ant-prefix}-card-extra {
+      padding: 0;
+    }
+  }
+}

package/es/components/CheckTransformList/style.less

@@ -1,35 +1,35 @@
-@import 'antd/lib/divider/style/index.less';
-@import 'antd/lib/checkbox/style/index.less';
-@import 'antd/lib/input/style/index.less';
-@import '../NameLimiter/style.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-check-transform-list {
-  display: flex;
-  margin-top: 20px;
-  padding-left: 5px;
-  padding-right: 5px;
-  .@{sdk-prefix}-check-transform-divider {
-    height: auto;
-    margin-left: 40px;
-    margin-right: 40px;
-  }
-}
-.@{sdk-prefix}-check-transform {
-  flex: 1;
-  .@{sdk-prefix}-check-transform-header {
-    margin-bottom: 10px;
-  }
-  .@{sdk-prefix}-check-transform-search {
-    width: 100%;
-    height: 40px;
-    margin-bottom: 10px;
-  }
-  .@{sdk-prefix}-check-transform-checkBox {
-    line-height: 40px;
-
-    .@{sdk-prefix}-check-transform-checkbox-group {
-      line-height: 40px;
-    }
-  }
-}
+@import 'antd/lib/divider/style/index.less';
+@import 'antd/lib/checkbox/style/index.less';
+@import 'antd/lib/input/style/index.less';
+@import '../NameLimiter/style.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-check-transform-list {
+  display: flex;
+  margin-top: 20px;
+  padding-left: 5px;
+  padding-right: 5px;
+  .@{sdk-prefix}-check-transform-divider {
+    height: auto;
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+}
+.@{sdk-prefix}-check-transform {
+  flex: 1;
+  .@{sdk-prefix}-check-transform-header {
+    margin-bottom: 10px;
+  }
+  .@{sdk-prefix}-check-transform-search {
+    width: 100%;
+    height: 40px;
+    margin-bottom: 10px;
+  }
+  .@{sdk-prefix}-check-transform-checkBox {
+    line-height: 40px;
+
+    .@{sdk-prefix}-check-transform-checkbox-group {
+      line-height: 40px;
+    }
+  }
+}

package/es/components/Checkbox/style.less

@@ -1,5 +1,5 @@
-@import 'antd/lib/checkbox/style/index.less';
-
-.@{ant-prefix}-checkbox-inner::after {
-  left: 20%;
-}
+@import 'antd/lib/checkbox/style/index.less';
+
+.@{ant-prefix}-checkbox-inner::after {
+  left: 20%;
+}

package/es/components/CheckboxList/style.less

@@ -1,11 +1,11 @@
-@import 'antd/lib/checkbox/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-checkbox-item {
-  white-space: nowrap;
-  width: 100%;
-  &.@{ant-prefix}-checkbox-wrapper {
-    margin-left: 0;
-    line-height: 25px;
-  }
-}
+@import 'antd/lib/checkbox/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-checkbox-item {
+  white-space: nowrap;
+  width: 100%;
+  &.@{ant-prefix}-checkbox-wrapper {
+    margin-left: 0;
+    line-height: 25px;
+  }
+}

package/es/components/Collapse/style.less

@@ -1,58 +1,58 @@
-@import 'antd/lib/collapse/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-collapse-simple {
-  border-width: 0px;
-  color: @heading-color;
-}
-
-.@{sdk-prefix}-collapse-simple > .@{ant-prefix}-collapse-item {
-  > .@{ant-prefix}-collapse-header {
-    background-color: @normal-color;
-    > .@{ant-prefix}-collapse-arrow {
-      color: @heading-color;
-    }
-  }
-  > .@{ant-prefix}-collapse-content {
-    color: heading-color;
-    border-top-width: 0px;
-  }
-}
-
-.@{sdk-prefix}-collapse-primary,
-.@{sdk-prefix}-collapse-dashed {
-  border: none;
-}
-
-.@{sdk-prefix}-collapse-primary > .@{ant-prefix}-collapse-item {
-  border: none;
-  > .@{ant-prefix}-collapse-header {
-    padding: 5px 16px;
-    border-bottom-width: 0px;
-    background-color: @table-thead-bg;
-    font-weight: 500;
-    position: relative;
-    .@{sdk-prefix}-header-line {
-      width: 2px;
-      height: 16px;
-      position: absolute;
-      top: 8px;
-      left: 0px;
-      background-color: @theme-color;
-    }
-  }
-  > .@{ant-prefix}-collapse-content {
-    border: none;
-  }
-}
-
-.@{sdk-prefix}-collapse-dashed > .@{ant-prefix}-collapse-item {
-  border: 1px dashed @border-color-1;
-  margin-bottom: 12px;
-  > .@{ant-prefix}-collapse-header {
-    background-color: @normal-color;
-  }
-  > .@{ant-prefix}-collapse-content {
-    border: none;
-  }
-}
+@import 'antd/lib/collapse/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-collapse-simple {
+  border-width: 0px;
+  color: @heading-color;
+}
+
+.@{sdk-prefix}-collapse-simple > .@{ant-prefix}-collapse-item {
+  > .@{ant-prefix}-collapse-header {
+    background-color: @normal-color;
+    > .@{ant-prefix}-collapse-arrow {
+      color: @heading-color;
+    }
+  }
+  > .@{ant-prefix}-collapse-content {
+    color: heading-color;
+    border-top-width: 0px;
+  }
+}
+
+.@{sdk-prefix}-collapse-primary,
+.@{sdk-prefix}-collapse-dashed {
+  border: none;
+}
+
+.@{sdk-prefix}-collapse-primary > .@{ant-prefix}-collapse-item {
+  border: none;
+  > .@{ant-prefix}-collapse-header {
+    padding: 5px 16px;
+    border-bottom-width: 0px;
+    background-color: @table-thead-bg;
+    font-weight: 500;
+    position: relative;
+    .@{sdk-prefix}-header-line {
+      width: 2px;
+      height: 16px;
+      position: absolute;
+      top: 8px;
+      left: 0px;
+      background-color: @theme-color;
+    }
+  }
+  > .@{ant-prefix}-collapse-content {
+    border: none;
+  }
+}
+
+.@{sdk-prefix}-collapse-dashed > .@{ant-prefix}-collapse-item {
+  border: 1px dashed @border-color-1;
+  margin-bottom: 12px;
+  > .@{ant-prefix}-collapse-header {
+    background-color: @normal-color;
+  }
+  > .@{ant-prefix}-collapse-content {
+    border: none;
+  }
+}

package/es/components/CollapsiblePanel/style.less

@@ -1,63 +1,63 @@
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-collapsible-panel {
-  & > .panel-header {
-    position: relative;
-    padding: 12px 16px 12px 40px;
-    cursor: pointer;
-    color: @text-color;
-    background-color: @gray-bg-color;
-    border: 1px solid @border-color-base;
-    > .icon {
-      position: absolute;
-      left: 16px;
-      top: 50%;
-      transform: translateY(-50%);
-      > i {
-        color: inherit;
-        > svg {
-          transition: transform 0.2s linear;
-        }
-      }
-    }
-
-    &.disabled-header {
-      cursor: not-allowed;
-    }
-  }
-  & > .panel-content-box {
-    overflow-y: hidden;
-    padding: 0;
-    margin: 0;
-    border: none;
-    & > div > .panel-content {
-      padding: 8px 16px;
-      color: @text-color;
-      background-color: @component-background;
-      border: 1px solid @border-color-base;
-      border-top: none;
-      overflow-x: auto;
-    }
-  }
-  &.no-border {
-    & > .panel-header,
-    & > .panel-content-box > div > .panel-content {
-      border: none;
-    }
-  }
-  &.icon-right {
-    & > .panel-header {
-      padding: 12px 40px 12px 16px;
-      & > :local(.icon) {
-        left: unset;
-        right: 16px;
-      }
-    }
-  }
-  &.hide-arrow {
-    & > .panel-header {
-      padding-left: 16px;
-      padding-right: 16px;
-    }
-  }
-}
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-collapsible-panel {
+  & > .panel-header {
+    position: relative;
+    padding: 12px 16px 12px 40px;
+    cursor: pointer;
+    color: @text-color;
+    background-color: @gray-bg-color;
+    border: 1px solid @border-color-base;
+    > .icon {
+      position: absolute;
+      left: 16px;
+      top: 50%;
+      transform: translateY(-50%);
+      > i {
+        color: inherit;
+        > svg {
+          transition: transform 0.2s linear;
+        }
+      }
+    }
+
+    &.disabled-header {
+      cursor: not-allowed;
+    }
+  }
+  & > .panel-content-box {
+    overflow-y: hidden;
+    padding: 0;
+    margin: 0;
+    border: none;
+    & > div > .panel-content {
+      padding: 8px 16px;
+      color: @text-color;
+      background-color: @component-background;
+      border: 1px solid @border-color-base;
+      border-top: none;
+      overflow-x: auto;
+    }
+  }
+  &.no-border {
+    & > .panel-header,
+    & > .panel-content-box > div > .panel-content {
+      border: none;
+    }
+  }
+  &.icon-right {
+    & > .panel-header {
+      padding: 12px 40px 12px 16px;
+      & > :local(.icon) {
+        left: unset;
+        right: 16px;
+      }
+    }
+  }
+  &.hide-arrow {
+    & > .panel-header {
+      padding-left: 16px;
+      padding-right: 16px;
+    }
+  }
+}