@blueking/ediatable 0.0.1-beta.7 → 0.0.1-beta.9

package/vue3/vue3.css

@@ -35,20 +35,73 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
 .icon-plus-fill:before {
 	content: "\e102";
 }
+.bk-ediatable-head-column .is-required::after {
+  position: absolute;
+  top: 0;
+  margin-left: 4px;
+  font-size: 12px;
+  line-height: 40px;
+  color: #ea3636;
+  content: '*';
+}
+.bk-ediatable-head-column.is-right-fixed {
+  position: sticky;
+  right: 1px;
+}
+.bk-ediatable-head-column.is-right-fixed::before {
+  position: absolute;
+  top: 0;
+  left: -10px;
+  width: 10px;
+  height: 100%;
+  background: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent);
+  content: '';
+}
+.bk-ediatable-head-column.is-left-fixed {
+  position: sticky;
+  left: 1px;
+}
+.bk-ediatable-head-column.is-left-fixed::before {
+  position: absolute;
+  top: 0;
+  right: -10px;
+  width: 10px;
+  height: 100%;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
+  content: '';
+}
+.bk-ediatable-head-column .title-memo {
+  border-bottom: 1px dashed #979ba5;
+}
 .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.bk-ediatable {
   position: relative;
   width: 100%;
-  overflow-x: auto;
+  margin-bottom: -8px;
+  overflow-x: scroll;
 }
 .bk-ediatable::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
+  width: 8px;
+  height: 8px;
+  background: transparent;
 }
 .bk-ediatable::-webkit-scrollbar-thumb {
-  background: #ddd;
+  background: transparent;
+}
+.bk-ediatable:hover::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.bk-ediatable:hover::-webkit-scrollbar-thumb {
+  background: #dcdee5;
   border-radius: 20px;
   box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
 }
+.bk-ediatable:hover::-webkit-scrollbar-thumb:hover {
+  background: #979ba5;
+}
+.bk-ediatable.scrollbar-exists:hover::-webkit-scrollbar {
+  background: #f0f1f5;
+}
 .bk-ediatable table {
   width: 100%;
   font-size: 12px;
@@ -72,6 +125,19 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   line-height: 0;
   color: #313238;
   background: #f0f1f5;
+  position: relative;
+}
+.bk-ediatable table th.poiner-right::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: -3px;
+  width: 6px;
+  background-color: #3785ff;
+  transform: translateX(1px);
+  pointer-events: none;
+  z-index: 1;
 }
 .bk-ediatable table th .th-cell {
   display: inline-block;
@@ -87,8 +153,38 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   top: 0;
   bottom: 0;
   display: none;
-  width: 1px;
-  background: #dfe0e5;
+  width: 2px;
+  background: #3c96ff;
+}
+.bk-ediatable .bk-ediatable-right-fixed-column {
+  position: sticky;
+  right: 1px;
+  z-index: 1;
+  background-color: #fff;
+}
+.bk-ediatable .bk-ediatable-right-fixed-column::before {
+  position: absolute;
+  top: 0;
+  left: -10px;
+  width: 10px;
+  height: 100%;
+  background: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent);
+  content: '';
+}
+.bk-ediatable .bk-ediatable-left-fixed-column {
+  position: sticky;
+  left: 1px;
+  z-index: 1;
+  background-color: #fff;
+}
+.bk-ediatable .bk-ediatable-left-fixed-column::before {
+  position: absolute;
+  top: 0;
+  right: -10px;
+  width: 10px;
+  height: 100%;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
+  content: '';
 }
 .db-svg-icon {
   width: 1em;
@@ -218,77 +314,6 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
 .bk-ediatable-input .blur-dispaly-main {
   padding: 0 16px;
 }
-.bk-ediatable-right-fixed-column {
-  position: sticky;
-  right: 1px;
-  z-index: 1;
-  background-color: #fff;
-}
-.bk-ediatable-right-fixed-column::before {
-  position: absolute;
-  top: 0;
-  left: -10px;
-  width: 10px;
-  height: 100%;
-  background: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent);
-  content: '';
-}
-.bk-ediatable-left-fixed-column {
-  position: sticky;
-  left: 1px;
-  z-index: 1;
-  background-color: #fff;
-}
-.bk-ediatable-left-fixed-column::before {
-  position: absolute;
-  top: 0;
-  right: -10px;
-  width: 10px;
-  height: 100%;
-  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
-  content: '';
-}
-.bk-ediatable-head-column .title-memo {
-  border-bottom: 1px dashed #979ba5;
-}
-.bk-ediatable-head-column.is-required {
-  position: relative;
-}
-.bk-ediatable-head-column.is-required::after {
-  position: absolute;
-  top: 0;
-  margin-left: 4px;
-  font-size: 12px;
-  line-height: 40px;
-  color: #ea3636;
-  content: '*';
-}
-.bk-ediatable-head-column.is-right-fixed {
-  position: sticky;
-  right: 1px;
-}
-.bk-ediatable-head-column.is-right-fixed::before {
-  position: absolute;
-  top: 0;
-  left: -10px;
-  width: 10px;
-  height: 100%;
-  background: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent);
-  content: '';
-}
-.bk-ediatable-head-column.is-left-fixed {
-  position: sticky;
-  left: 1px;
-}
-.bk-ediatable-head-column.is-left-fixed::before {
-  position: absolute;
-  top: 0;
-  right: -10px;
-  width: 10px;
-  height: 100%;
-  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
-  content: '';
-}
 .bk-ediatable-operation {
   display: flex;
   height: 42px;
@@ -362,7 +387,6 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   top: 0;
   right: 0;
   bottom: 0;
-  z-index: 99;
   display: flex;
   padding-right: 6px;
   font-size: 14px;

package/typings/ediatable.vue.d.ts

@@ -1,20 +0,0 @@
-import './lib/bk-icon/iconcool.js';
-import './lib/bk-icon/style.css';
-import 'bkui-vue/dist/style.css';
-import 'tippy.js/dist/tippy.css';
-import 'tippy.js/themes/light.css';
-import type { InjectionKey, Ref } from 'vue';
-export declare const renderTablekey: InjectionKey<{
-    isOverflow: Ref<boolean>;
-    rowWidth: Ref<number>;
-}>;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    default?(_: {}): any;
-    data?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/typings/components/{operation.vue.d.ts → operation-column.vue.d.ts}

@@ -1,32 +1,32 @@
 interface Props {
+    removeable?: boolean;
     showCopy?: boolean;
     showAdd?: boolean;
     showRemove?: boolean;
-    removeable?: boolean;
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    removeable: boolean;
     showCopy: boolean;
     showAdd: boolean;
     showRemove: boolean;
-    removeable: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    copy: () => void;
     add: () => void;
+    copy: () => void;
     remove: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    removeable: boolean;
     showCopy: boolean;
     showAdd: boolean;
     showRemove: boolean;
-    removeable: boolean;
 }>>> & {
     onCopy?: (() => any) | undefined;
     onAdd?: (() => any) | undefined;
     onRemove?: (() => any) | undefined;
 }, {
+    removeable: boolean;
     showCopy: boolean;
     showAdd: boolean;
     showRemove: boolean;
-    removeable: boolean;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {