@qn-pandora/pandora-component 5.1.1 → 5.1.2

package/lib/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/lib/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/lib/components/Card/style.css

@@ -192,7 +192,7 @@
   cursor: pointer;
 }
 .ant-card-actions > li > span:hover {
-  color: #7a869a;
+  color: #436bff;
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
 }
@@ -207,7 +207,7 @@
 }
 .ant-card-actions > li > span a:not(.ant-btn):hover,
 .ant-card-actions > li > span > .anticon:hover {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-card-actions > li > span > .anticon {
   font-size: 16px;
@@ -691,10 +691,10 @@
   cursor: pointer;
 }
 .ant-tabs-dropdown-menu-item-remove:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-dropdown-menu-item:hover {
-  background: rgba(44, 109, 210, 0.05);
+  background: rgba(67, 107, 255, 0.05);
 }
 .ant-tabs-dropdown-menu-item-disabled,
 .ant-tabs-dropdown-menu-item-disabled:hover {
@@ -713,7 +713,7 @@
 }
 .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
 .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
-  color: #7a869a;
+  color: #436bff;
   background: #ffffff;
 }
 .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
@@ -880,13 +880,13 @@
 }
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-extra-content {
   -webkit-box-flex: 0;
@@ -901,7 +901,7 @@
 }
 .ant-tabs-ink-bar {
   position: absolute;
-  background: #2c6dd2;
+  background: #436bff;
   pointer-events: none;
 }
 .ant-tabs-tab {
@@ -923,7 +923,7 @@
 .ant-tabs-tab-remove:focus,
 .ant-tabs-tab-btn:active,
 .ant-tabs-tab-remove:active {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-tab-btn {
   outline: none;
@@ -949,10 +949,10 @@
   color: #333;
 }
 .ant-tabs-tab:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
-  color: #2c6dd2;
+  color: #436bff;
   text-shadow: 0 0 0.25px currentcolor;
 }
 .ant-tabs-tab.ant-tabs-tab-disabled {

package/lib/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/lib/components/CheckTransformList/style.css

@@ -175,7 +175,7 @@
 .ant-checkbox-wrapper:hover .ant-checkbox-inner,
 .ant-checkbox:hover .ant-checkbox-inner,
 .ant-checkbox-input:focus + .ant-checkbox-inner {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-checkbox-checked::after {
   position: absolute;
@@ -183,7 +183,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #2c6dd2;
+  border: 1px solid #436bff;
   border-radius: 2px;
   visibility: hidden;
   -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
@@ -254,8 +254,8 @@
   content: ' ';
 }
 .ant-checkbox-checked .ant-checkbox-inner {
-  background-color: #2c6dd2;
-  border-color: #2c6dd2;
+  background-color: #436bff;
+  border-color: #436bff;
 }
 .ant-checkbox-disabled {
   cursor: not-allowed;
@@ -360,7 +360,7 @@
   left: 50%;
   width: 8px;
   height: 8px;
-  background-color: #2c6dd2;
+  background-color: #436bff;
   border: 0;
   -webkit-transform: translate(-50%, -50%) scale(1);
           transform: translate(-50%, -50%) scale(1);
@@ -429,7 +429,7 @@
   text-overflow: ellipsis;
 }
 .ant-input-affix-wrapper:hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
 }
 .ant-input-rtl .ant-input-affix-wrapper:hover {
@@ -438,9 +438,9 @@
 }
 .ant-input-affix-wrapper:focus,
 .ant-input-affix-wrapper-focused {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
@@ -506,7 +506,7 @@ textarea.ant-input-affix-wrapper {
   direction: rtl;
 }
 .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
   z-index: 1;
 }
@@ -734,7 +734,7 @@ textarea.ant-input-affix-wrapper {
   text-overflow: ellipsis;
 }
 .ant-input:hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
 }
 .ant-input-rtl .ant-input:hover {
@@ -743,9 +743,9 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input:focus,
 .ant-input-focused {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
@@ -899,7 +899,7 @@ textarea.ant-input {
 }
 .ant-input-group-addon .ant-select-open .ant-select-selector,
 .ant-input-group-addon .ant-select-focused .ant-select-selector {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-input-group-addon .ant-cascader-picker {
   margin: -9px -12px;
@@ -1212,11 +1212,11 @@ textarea.ant-input {
 }
 .ant-input-search .ant-input:hover,
 .ant-input-search .ant-input:focus {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
 .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
-  border-left-color: #2c6dd2;
+  border-left-color: #436bff;
 }
 .ant-input-search .ant-input-affix-wrapper {
   border-radius: 0;
@@ -1321,11 +1321,11 @@ textarea.ant-input {
 }
 .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
 .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
-  border-left-color: #2c6dd2;
+  border-left-color: #436bff;
 }
 .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
 .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
-  border-right-color: #2c6dd2;
+  border-right-color: #436bff;
 }
 .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
   right: -1px;

package/lib/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/lib/components/Checkbox/index.js

@@ -45,7 +45,15 @@ var React = __importStar(require("react"));
 var antd_1 = require("antd");
 function Checkbox(props) {
     var value = props.value, onChange = props.onChange, other = __rest(props, ["value", "onChange"]);
-    var handleChange = React.useCallback(function () {
+    var handleChange = React.useCallback(function (e) {
+        /**
+         * 原因未知，可能是浏览器差异
+         * <Form mobxForm={xxx}><Form.Item><Checkbox/<</Form.Item></Form>
+         * 阻止事件冒泡(在火狐浏览器下，使用下面此列子，Checkbox onchange 事件不响应，click 事件响应两次， input 的点击事件冒泡没导致input 的执行一次，等层的label 执行一次)
+         */
+        e.preventDefault();
+        e.stopPropagation();
+        e.nativeEvent.stopImmediatePropagation();
         if (onChange) {
             onChange(!value);
         }

package/lib/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/lib/components/CheckboxList/style.css

@@ -48,7 +48,7 @@
 .ant-checkbox-wrapper:hover .ant-checkbox-inner,
 .ant-checkbox:hover .ant-checkbox-inner,
 .ant-checkbox-input:focus + .ant-checkbox-inner {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-checkbox-checked::after {
   position: absolute;
@@ -56,7 +56,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #2c6dd2;
+  border: 1px solid #436bff;
   border-radius: 2px;
   visibility: hidden;
   -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
@@ -127,8 +127,8 @@
   content: ' ';
 }
 .ant-checkbox-checked .ant-checkbox-inner {
-  background-color: #2c6dd2;
-  border-color: #2c6dd2;
+  background-color: #436bff;
+  border-color: #436bff;
 }
 .ant-checkbox-disabled {
   cursor: not-allowed;
@@ -233,7 +233,7 @@
   left: 50%;
   width: 8px;
   height: 8px;
-  background-color: #2c6dd2;
+  background-color: #436bff;
   border: 0;
   -webkit-transform: translate(-50%, -50%) scale(1);
           transform: translate(-50%, -50%) scale(1);

package/lib/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/lib/components/Collapse/style.css

@@ -224,7 +224,7 @@
   position: absolute;
   top: 8px;
   left: 0px;
-  background-color: #2c6dd2;
+  background-color: #436bff;
 }
 .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-content {
   border: none;

package/lib/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/lib/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;
+    }
+  }
+}