its_ui_vite 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "its_ui_vite",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "main": "./src/libIndex.js",
   "module": "./src/libIndex.js",
   "files": [

package/src/assets/js/helpers.js

@@ -46,8 +46,6 @@ export function isMobile() {
   });
 }
 
-let MapTargets = new Map()
-
 export const CClasses = {
   scrollContainer: 'scroll-container',
 }
@@ -61,27 +59,6 @@ export function addTracingElement(target, moveFn = () => {}) {
   let timer
   let debounceTimer
 
-  function isMovableTarget() {
-    if (target.value === null) return false
-
-    const currentPosition = target.value.getBoundingClientRect()
-
-    if (MapTargets.has(target.value)) {
-      const oldPosition = MapTargets.get(target.value)
-      
-      const isMovingTargetX = oldPosition.x - currentPosition.x
-      const isMovingTargetY = oldPosition.y - currentPosition.y
-
-      MapTargets.set(target.value, currentPosition)
-
-      return isMovingTargetX !== 0 || isMovingTargetY !== 0
-    } else {
-      MapTargets.set(target.value, currentPosition)
-
-      return false
-    }
-  }
-
   function isVisible(position) {
     if (!position) return false
 
@@ -104,8 +81,6 @@ export function addTracingElement(target, moveFn = () => {}) {
   }
 
   function dispatch() {
-    if (!isMovableTarget()) return;
-
     const position = target.value.getBoundingClientRect()
 
     if (!position) return;

package/src/components/CSelect.vue

@@ -273,6 +273,7 @@ const handleOption: TDebounceEvent = function(option, evt) {
   setOption(option, evt);
 
   if (!isMultiple.value) dispatchEmit()
+  setActivePlaceholder()
 }
 
 const setOption: TDebounceEvent = function(option, evt) {
@@ -363,14 +364,15 @@ function setListPosition() {
 
 function handleClick(evt: MouseEvent) {
   const target = (evt.target as HTMLElement);
-  const classesStr = `.${classes.input},.c-input__custom-icon${isMultiple.value ? ',.c-input__custom-icon,.c-select__list_btn' : ''}`
+  const classesStr = `.${classes.input},.c-input__custom-icon${isMultiple.value ? ',.c-input__custom-icon,.c-select__list' : ''}`
   const currentRoot = target.closest(`.${classes.root}`)
   const domElements = target.closest(classesStr)
 
   const isRoot = currentRoot === root.value
+  const isList = domElements === list.value.$el
   const isToggle = target.closest('.c-input__custom-icon')
 
-  if (isRoot && domElements) {
+  if ((isRoot || isList) && domElements) {
     setListPosition()
     isOpen.value = isToggle ? !isOpen.value : true
     emit('update:isOpen', isOpen.value)

package/src/pages/index.vue

@@ -727,7 +727,7 @@
           <!-- ./col -->
 
           <!-- col -->
-          <div class="table__col scroll-sm">
+          <div class="table__col scroll-sm scroll-container">
             <div class="table__item">
               <CSelect @change_cselect="(evt) => log(['CSelect default', ...evt])" :autocomplete="true" size="md" :options="[
                 {